Toast
The ToastHub component is used to display text message toasts.
Usage
Demonstration
Props
timeout
timeout
TYPE | DEFAULT VALUE |
---|---|
|
|
Set this property to change how long toasts will stick around.
showIndicator
showIndicator
TYPE | DEFAULT VALUE |
---|---|
|
|
Set this property to true
to add a small timout-indicator to toast messages.
threshold
threshold
TYPE | DEFAULT VALUE |
---|---|
|
|
Set this property to change the threshold of toasts being presented at the same time. This will be used as an aproximation or a guideline, but it will still allow bursts to at least show.
position
position
TYPE | DEFAULT VALUE |
---|---|
|
|
Set this property to change the position where toasts will appear.
top
top
TYPE | DEFAULT VALUE |
---|---|
|
|
Set this property to true
to make toasts appear from the top.
shift
shift
TYPE | DEFAULT VALUE |
---|---|
|
|
Use this property to shift the position of the toast from its “end position” (right on left to right languages).
Compound components
Toast
Toast
The Toast component calls its render-child and passes a single function that allows you to create pop-up messages.
Last updated