Toast

Short, time-based messages that slide in and out of a page.

Toasts can be shown on top of the page and automatically disappear after a timeout. You should use ToastStack component for it.

Default

Hey! Your toast is ready.

Variant

Error!

Warning.

Info.

Success!

Default.

Actions

You can close this toast.

You cannot close this toast.

Props
Name Type Required Default Description
type date | datetime-local" | email | number | password | search | tel | text | url | time | url false text Different types of input
size medium | large | xlarge - medium TODO - Size variant (currently only medium | large, with large as default)
label string true - TODO - Should be required for medium size only
placeholder string false - Placeholder for input
field atom true - Field value for underlying phoenix text input component
hint_text slot false - Informative or error message under input
error boolean false - Set error state for input
show_password_text - - - TODO - Only for input type password. Text for toggle button: show/hide password
background_color string false - Background color