Skip to main content

Alert

Example​

import { Terminal } from "lucide-react"

import {
  Alert,
  AlertDescription,
  AlertTitle,
} from "@databricks/appkit-ui/react"

export default function AlertExample() {
  return (
    <Alert>
      <Terminal className="h-4 w-4" />
      <AlertTitle>Example</AlertTitle>
      <AlertDescription>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </AlertDescription>
    </Alert>
  )
}

Alert​

Source: packages/appkit-ui/src/react/ui/alert.tsx

Props​

PropTypeRequiredDefaultDescription
variant"default" | "destructive" | null--

Usage​

import { Alert } from '@databricks/appkit-ui';

<Alert /* props */ />

AlertDescription​

Source: packages/appkit-ui/src/react/ui/alert.tsx

Props​

This component extends standard HTML element attributes.

Usage​

import { AlertDescription } from '@databricks/appkit-ui';

<AlertDescription /* props */ />

AlertTitle​

Source: packages/appkit-ui/src/react/ui/alert.tsx

Props​

This component extends standard HTML element attributes.

Usage​

import { AlertTitle } from '@databricks/appkit-ui';

<AlertTitle /* props */ />