UniqueDocs

Alert (Callout) Component

Documentation for the Alert/Callout component.

1 min read

Alert / Callout

Used to display important messages. This template uses a custom <Callout /> component that wraps shadcn/ui/alert.

Usage

import { Callout } from "@/components/mdx/callout";

export default function AlertDemo() {
  return (
    <>
      <Callout type="info" title="Information">This is an informational message.</Callout>
      <Callout type="warning">This is a warning message.</Callout>
      <Callout type="success" title="Success!">This is a success message.</Callout>
      <Callout type="error">This is an error message.</Callout>
    </>
  );
}