Alert

Use Alert to surface important, time-sensitive feedback.

Heads up

A new version of Tile UI is available.

Error

Your session could not be restored.

import { Alert, AlertTitle, AlertDescription } from '@tile-ui/vue';
 
export default function AlertDemo() {
	return (
		<div class="component-preview__stack">
			<Alert>

Registry install

pnpm dlx shadcn@latest add @tile-ui/alert

Package usage

import { Alert, AlertTitle, AlertDescription } from '@tile-ui/vue';
 
<Alert variant="destructive">
	<AlertTitle>Heads up</AlertTitle>
	<AlertDescription>Your session expires in 5 minutes.</AlertDescription>
</Alert>