Feedback v1.1.0

Toast

Stackable notification toasts and flash message banners for user feedback. Supports success, error, warning, and info variants with configurable position, auto-dismiss duration, and multiple visual styles.

Default

Individual stackable toast notification with border-left accent

Options

Name Type Default Description
title String Optional bold title text
message * String required The notification message
variant Symbol :info Style: :success, :error, :warning, :info
dismissible Boolean true Show close button
duration Integer 5000 Auto-dismiss time in milliseconds (0 to disable)

Standard Flash

Full-width banner at top of page for Rails flash messages

Options

Name Type Default Description
messages * Hash required Flash hash (keys: :notice/:alert/:error/:warning, values: message strings)
auto_dismiss Boolean true Automatically dismiss after duration
duration Integer 5000 Auto-dismiss time in milliseconds
dismissible Boolean true Show close button on each message

Toast Flash

Corner-positioned stackable toast notifications for Rails flash messages

Options

Name Type Default Description
messages * Hash required Flash hash (keys: :notice/:alert/:error/:warning, values: message strings)
position Symbol :top_right Position: :top_right, :top_left, :bottom_right, :bottom_left
auto_dismiss Boolean true Automatically dismiss after duration
duration Integer 5000 Auto-dismiss time in milliseconds
dismissible Boolean true Show close button on each toast

Changelog v1.1.0

- v1.1.0: Added standard-flash and toast-flash styles for Rails flash messages
- v1.0.0: Initial release with success, error, warning, info variants
- Auto-dismiss with configurable duration
- Pause auto-dismiss on hover
- Smooth enter/exit animations
- Accessible with role="alert" and aria-live

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now