Documentation
Built-ins
Alert

Alert

alert component

Section blog theme comes with Alert component, Alert component built with shadcn/ui (opens in a new tab)

Example

<Alert>
  <SpinnerIcon className="h-4 w-4" />
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components and dependencies to your app using the cli.
  </AlertDescription>
</Alert>

How to use it?

First import alert component and icons from section blog theme package.

// Alert component
import { Alert, AlertDescription, AlertTitle } from "section-blog-theme/components";
 
// Icons
import { AlertTriangle } from "section-blog-theme/icons"

Next step is use, inside you mdx file.

import { Alert, AlertDescription, AlertTitle } from "section-blog-theme/components";
import { AlertTriangle } from "section-blog-theme/icons"
 
<Alert>
  <AlertTriangle className="h-4 w-4" />
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components and dependencies to your app using the cli.
  </AlertDescription>
</Alert>
Built-insIcons