This is the latest docs update, but there are missing components and blocks. If you wish to see the complete version, you can check it out at old docs.

Components

Alert

Style Source

A component for displaying critical information or notifications.

New Feature Added

A new feature has been added to the project.

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-alert

Usage

import { Alert, AlertDescription, AlertTitle } from "@mijn-ui/react-alert"
<Alert>
  <Terminal className="h-4 w-4" />
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>
    You can add components and dependencies to your app using the cli.
  </AlertDescription>
</Alert>

Alert Variants

Default

This is a outline default Alert.

Danger

This is a outline Danger Alert.

Alert Style Slots

Slot NameTargeted ComponentPurpose
baseAlertApplies styles to the root Alert component.
iconWrapperAlertStyles the wrapper around the alert icon.
titleAlertStyles the alert title.
descriptionAlertStyles the alert description text.

Previous

Accordion

Next

Alert Dialog

On this page