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