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.

Appearing and disappearing

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 No text Different types of input
size medium | large | xlarge - medium TODO - Size variant (currently only medium | large, with large as default)
label string Yes - TODO - Should be required for medium size only
placeholder string No - Placeholder for input
field atom Yes - Field value for underlying phoenix text input component
hint_text slot No - Informative or error message under input
error boolean No - Set error state for input
show_password_text - - - TODO - Only for input type password. Text for toggle button: show/hide password
background_color string No - Background color