Notification

Docs

Notification

Displays a notification or a component that looks like a notification.

notification-01

Some information is missing!

notification-02

An error occurred!

notification-03

Completed successfully!

notification-04

Just a quick note!

notification-05

Some information is missing!

Link

notification-06

An error occurred!

Link

notification-07

Completed successfully!

Link

notification-08

Just a quick note!

Link

notification-09

You‘ve made changes!

notification-10

Message sent

notification-11

Something requires your action!

It conveys that a specific action is needed to resolve or address a situation.

notification-12

We couldn‘t complete your request!

It indicates that an issue has prevented the processing of the request.

notification-13

Your request was completed!

It demonstrates that the task or request has been processed.

notification-14

Here is some helpful information!

It aims to provide clarity or support for better decision-making.

notification-15

We Value Your Privacy 🍪

We use cookies to improve your experience, and show personalized content.

notification-16

Version 1.4 is now available!

This update contains several bug fixes and performance improvements.

notification-17

Mary Palmer mentioned you in project-campaign-02.

2 min ago

notification-18

Live in 27 hours

November 20 at 8:00 PM.

notification-19

notification-20

notification-21

notification-22

notification-23

We use cookies to improve your experience, analyze site usage, and show personalized content.

Installation

pnpm dlx shadcn@latest add "https://designali.in/r/notification"

Props

Prop	Type	Description	Default
variant	any	Width of the dot pattern	16
size	any	Height of the dot pattern	16
className	string	Class name of the dot pattern	-

Input Pagination

On This Page

Installation
Props