Notification

Display temporary notification messages with configurable variants, sizes, positions, auto-close behavior, loading state, and full-width layout.

Import

import { Notification } from "@shivms/ui";

Explore notification variants, sizes, positions, dismiss behavior, auto-close, loading, and width options using the examples below.

Basic

Default

Variants

Primary

Secondary

Success

Warning

Danger

Info

Sizes

Small

Medium

Large

Positions

Top Left

Top Center

Top Right

Bottom Left

Bottom Center

Bottom Right

Closable

Enabled

Disabled

Auto Close

Enabled

Disabled

Loading

Loading

Default

Width

Default

Full Width