feedback/@mihcm/ui·v0.21.0·stable
Alert
Inline message banner with Alert, AlertTitle, AlertDescription pieces. role="alert" for screen-reader announcements.
Live preview
Adjust the controls on the right; the preview and code update in real time.
Heads up!
You can add components to your app using the CLI.
example.tsxtsx
import { Alert, AlertTitle, AlertDescription } from '@mihcm/ui/Alert';
export function Example() {
return (
<Alert
variant="default"
title="Heads up!"
description="You can add components to your app using the CLI."
></Alert>
);
}Install
Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.
npx @mihcm/cli add AlertCopies the source into
components/ds/Alert.tsx. You own the file. Use --out to override the directory or --force to overwrite.