layout/@mihcm/ui·v0.21.0·stable
Card
Composable container surface. Six pieces (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter) for predictable layout.
Live preview
Adjust the controls on the right; the preview and code update in real time.
Card Title
Card description goes here.
Card body content.
example.tsxtsx
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '@mihcm/ui/Card';
export function Example() {
return (
<Card
title="Card Title"
description="Card description goes here."
content="Card body content."
></Card>
);
}Install
Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.
npx @mihcm/cli add CardCopies the source into
components/ds/Card.tsx. You own the file. Use --out to override the directory or --force to overwrite.