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() => void—Called when dismissed.
message*ReactNoderequiredSnackbar message.
actionReactNode—Action button slot.
durationnumber4000Auto-dismiss in ms. 0 disables.
placement'bottom'|'bottom-left'|'bottom-right'|'top''bottom'Screen placement.