<toast-emoji>
Toast emoji is a toast web component, that randomly adds an emoji { 😁 } to your toast message.
How to Use
;
Or
Or
Example
See demo
-
React Demo - https://codesandbox.io/embed/sharp-frost-0qny8?fontsize=14&hidenavigation=1&theme=dark
-
Vue Demo - (In progress)
Attributes
- All attributes are optional
Attribute | Type | Description | Default |
---|---|---|---|
type | String | The type of toast - can be (success, error, warn, light) | "" |
message | String | The message of toast | Hey there! |
position | String | The position of toast on page - can be (top-left, top-right, top-center, left, right, center, bottom-left, bottom-right, bottom-center) | postion-center |
hidden | Boolean | The hiding status of the toast. | false |
timeout | Integer | The time before toast get hidden in millisecons. when empty - (Always visible until user closes toast). | "" |
Events
closed
- event is emitted whenever toast get close by user action or by timeout
var toast = document; toast;
Screenshots
- Dark mode - default
- Light mode
- Error mode