Toast
Display temporary notifications, alerts, or messages to users with Rothko UI's Toast component. Provide timely and unobtrusive feedback or information, ensuring a smooth and seamless user experience within your application.
Usage
import { useToaster } from '@rothko-ui/ui';
- Example
- Code
With Life
- Example
- Code
With Kind
- Example
- Code
danger
info
primary
secondary
success
warning
Hook Args
Name | Type | Default | Description |
---|---|---|---|
Name content | Type React.ReactNode | Default | Description The content of the toast |
Name duration | Type number | Default | Description The duration of the toast in milliseconds |
Name kind | Type RothkoKind | Default | Description Sets the font and border color semantically |
Name label | Type React.ReactNode | Default | Description The label of the toast |
Name withLife | Type boolean | Default | Description Specifies whether the toast has a life cycle |