Docs
Inline Notification
Inline Notification
Displays an inline callout for user attention.
A ShadCN Alert component customized by adding variants.
Heads up!
You can add components and dependencies to your app using the cli.
Installation
pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/inline-notification.json"
Usage
import {
InlineNotification,
InlineNotificationDescription,
InlineNotificationTitle,
} from "<path-to-ui-components>/alert";<InlineNotification>
<InlineNotificationTitle>Alert title</InlineNotificationTitle>
<InlineNotificationDescription>
You can add components and dependencies to your app using the cli.
</InlineNotificationDescription>
</InlineNotification>Props
| Name | Type | Description |
|---|---|---|
| variant | info, success or destructive | Component variants. |
The default value of variant is info.
Examples
Info
Heads up!
You can add components and dependencies to your app using the cli.
Success
Heads up!
You can add components and dependencies to your app using the cli.
Destructive
Heads up!
You can add components and dependencies to your app using the cli.