Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

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.