Components/Snackbar

Snackbar

Positioned message bar with action button and configurable auto-dismiss.

Installation

Examples

Variants and placements

Info, success, warning messages at various positions.

File deleted successfully.
Settings saved.
Check your network connection.

API Reference

PropTypeDefaultDescription
open*booleanrequiredControlled visibility.
onClose() => voidCalled when dismissed.
message*ReactNoderequiredSnackbar message.
actionReactNodeAction button slot.
durationnumber4000Auto-dismiss in ms. 0 disables.
placement'bottom'|'bottom-left'|'bottom-right'|'top''bottom'Screen placement.