Alert

Heads up

A new Solid release is available.

Build failed

Review the registry output.

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

Use Alert for important information that should be announced immediately.

Registry install

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

Package usage

import { Alert, AlertTitle, AlertDescription } from '@tile-ui/solid';

<Alert variant="destructive">
	<AlertTitle>Heads up</AlertTitle>
	<AlertDescription>Your session expires in 5 minutes.</AlertDescription>
</Alert>

Highlights

Default and destructive variants
Title and description
Pairs with Card and Form

Registry dependencies

Item	Purpose
`alert`	Component source and module styles
`core`	Framework-agnostic logic helpers
`styles`	Shared SCSS tokens and globals

API reference

Prop	Type	Default
`variant`	`'default' \| 'destructive'`	—

AlertTitle

No custom props.

AlertDescription

No custom props.