Toast
Display lightweight notification messages with configurable sizes, variants, colors, radius, and dismissible behavior.
Import
import { Toast } from "@shivms/ui";Explore different toast sizes, variants, colors, corner radius, dismissible behavior, and component states using the examples below.
Basic
Default
Toast Title
This is an example toast notification.
Sizes
Extra Small
Toast Title
This is an example toast notification.
Small
Toast Title
This is an example toast notification.
Medium
Toast Title
This is an example toast notification.
Large
Toast Title
This is an example toast notification.
Extra Large
Toast Title
This is an example toast notification.
Variants
Default
Toast Title
This is an example toast notification.
Bordered
Toast Title
This is an example toast notification.
Filled
Toast Title
This is an example toast notification.
Ghost
Toast Title
This is an example toast notification.
Colors
Default
Toast Title
This is an example toast notification.
Primary
Toast Title
This is an example toast notification.
Secondary
Toast Title
This is an example toast notification.
Success
Toast Title
This is an example toast notification.
Warning
Toast Title
This is an example toast notification.
Danger
Toast Title
This is an example toast notification.
Info
Toast Title
This is an example toast notification.
Radius
None
Toast Title
This is an example toast notification.
Small
Toast Title
This is an example toast notification.
Medium
Toast Title
This is an example toast notification.
Large
Toast Title
This is an example toast notification.
Full
Toast Title
This is an example toast notification.
Closable
Enabled
Toast Title
This is an example toast notification.
Disabled
Toast Title
This is an example toast notification.
States
Default
Toast Title
This is an example toast notification.
Loading
Toast Title
This is an example toast notification.
Disabled
Toast Title
This is an example toast notification.