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 |