Code
API
This component extends the native <div> API. That's why the className
prop is not included in the table.
variant
'default' | 'subtle';
stacked
boolean
autoClose
number | false
limit
number
customPosition
{ top?: number | 'auto'; bottom?: number | 'auto'; left?: number | 'auto'; right?: number | 'auto'; };
toastTrigger
This object is used to pass the props to the render the default toast, such as the icon, content, etc. It has various methods, depending on which variant you will use.
You can only use the four methods when using the default variant.
default
success
warning
danger
They all inherit the following 4 props:
icon
AvailableTelicon
❌
content
ReactNode
❌
position
'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
❌
hideIcon
boolean
❌
toastSubtleTrigger
This object is used to pass the props to the render the subtle toast, such as the icon, content, etc.
You can only use these object when using the subtle variant.
icon
AvailableTelicon
❌
content
ReactNode
❌
position
'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
❌
Example
Last updated