Alert
Alert is a Chord feedback component built from Base UI primitives and project tokens.
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>