alert-action.tsx — ui Source File

Source Code

import {
  Alert,
  AlertAction,
  AlertDescription,
  AlertTitle,
} from "@/examples/base/ui/alert"
import { Button } from "@/examples/base/ui/button"

export default function AlertActionExample() {
  return (
    <Alert className="max-w-md">
      <AlertTitle>Dark mode is now available</AlertTitle>
      <AlertDescription>
        Enable it under your profile settings to get started.
      </AlertDescription>
      <AlertAction>
        <Button size="xs" variant="default">
          Enable
        </Button>
      </AlertAction>
    </Alert>
  )
}