Alert

unreleasedstable

A status or callout surface for contextual feedback.

API Reference
tsxUsage
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 
export function Component() {
  return (
    <Alert>
      <AlertTitle>Heads up</AlertTitle>
      <AlertDescription>Use alerts for important contextual feedback.</AlertDescription>
    </Alert>
  );
}

Alert

Root callout surface with Keystone UI variants, status/error live-region defaults, and stable data attributes.

AlertIcon

Optional icon slot aligned with the title and description content.

AlertTitle

Primary alert heading used as the readable summary.

AlertAction

Optional action slot for native buttons or links supplied by the app.

Keystone UI is a new, modern UI component library for SolidJS.

Back to top