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.
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 |