import {Canvas, Meta, Story} from '@storybook/blocks'
import * as ToastStories from './Toast.stories'
Toasts are used to show live, time-sensitive feedback to users.
To create a default toast, use .Toast. Always use the info icon for default messages.
The Toast content is formattable. We recommend keeping your message under 140 characters.
Use the success, warning, and error modifiers to communicate different states.
Always use the check octicon for success states.
Always use the alert octicon for warning states.
Always use the stop octicon for error states.
Use .Toast-dismissButton to allow a user to explicitly dismiss a Toast.
Include a link to allow users to take actions within a Toast.
The Toast--animateIn and Toast--animateOut modifier classes can be used to animate the toast in and out from the bottom.
Add the Toast--spinner modifier class on the Toast-icon svg to communicate a loading state.
Use the position-fixed bottom-0 left-0 utility classes on a wrapper element to position Toasts at the bottom left of the viewport.