Alert
Displays a callout for user attention.
Heads up!
You can add components to your app using the cli.
Usage
It's mandatory to wrap the whole component with the Tailwind tag.
const { Tailwind } = VM.require("uiisnear.near/widget/tailwind");
const { Alert, AlertTitle, AlertDescription } = VM.require(
"uiisnear.near/widget/alert"
);
if (Tailwind == undefined) return "";<Tailwind>
<Alert>
<RocketIcon />
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
You can add components and dependencies to your app using the cli.
</AlertDescription>
</Alert>
</Tailwind>API Reference
Classnames
Classnames available to customize the component.
| Function | Classname |
|---|---|
| AlertTitle | alertTitleClassname |
| AlertDescription | alertDescriptionClassname |
Variants
Variants available and how to use them.
| Attribute | Value |
|---|---|
| variant | "default" | "destructive" |
Examples
Default
Heads up!
You can add components to your app using the cli.
Destructive
Heads up!
You can add components to your app using the cli.