Alert

Alert is a Chord feedback component built from Base UI primitives and project tokens.

Alert

Heads up

A new version of Chord is available to install.

Storage almost full

You have used 92% of your available space.

import { InfoIcon } from "@phosphor-icons/react/dist/ssr";import { Alert } from "@/components/public/Alert";<Alert.Root variant="accent">  <InfoIcon className="mt-0.5 size-4 shrink-0 text-accent-9" weight="bold" />  <Alert.Content>    <Alert.Title>Heads up</Alert.Title>    <Alert.Description>A new version is available to install.</Alert.Description>  </Alert.Content></Alert.Root>