Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

Snackbar

SnackBar shows transient overlay feedback after an action or background result. Use it for short non-blocking messages such as “Saved”, “Copied”, “Invite sent”, “Refresh complete”, “Export started”, or “Deleted” with an optional quick action such as “Undo” or “View”.

Open snack bars through the SnackBar service with open(message, action?, config?), openFromComponent, or openFromTemplate. Configure duration, top or bottom placement, horizontal position, custom data, and custom component or template content when needed.

Do not use SnackBar for field validation errors, persistent inline messages, global important header messages, critical required actions, confirmations before destructive actions, modal workflows, long-lived notification inboxes, incident banners, or loading and progress states. Use FormField errors, Alert, Announcement, ActionRequired, Confirm, Dialog, Notifications, Incidents, ProgressBar, or loaders when those match the job better.

The NgStarter Angular Snack Bar component lets you show short transient overlay feedback after an action or background result. Use the SnackBar service for brief non-blocking messages such as Saved, Copied, Invite sent, Refresh complete, Export started, or Deleted, with an optional quick action such as Undo or View. It includes examples for Basic Snackbar, Snackbar With Custom Component, Configurable Snackbar, and Snackbar.

Basic Snackbar

Use a basic SnackBar for short feedback after an action, with an optional quick action button.

Snackbar With Custom Component

Use a custom component only when the snack bar needs a richer but still brief feedback layout.

Configurable Snackbar

Configure position and duration when feedback should appear in a specific screen area for a short time.