mirror of
https://github.com/hanzoai/design.git
synced 2026-10-30 14:58:37 +00:00
zooqueen
5e059914c8
The single source of truth for every Hanzo surface: monochrome opacity-ladder tokens (dark-default), self-contained core/forms/overlays/navigation components (each with .d.ts + .prompt.md), the mark/wordmark + provider/partner logos, and the specimen-card guidelines. One import: @hanzoai/design/styles.css.
16 lines
1.0 KiB
TypeScript
16 lines
1.0 KiB
TypeScript
/** Hairline-bordered panel on a near-black fill. The default surface for any grouped content.
|
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
/** default = neutral-900/50 grid tile · emphasis = /80 · quiet = /40 story card · plain = no fill. */
|
|
variant?: 'default' | 'emphasis' | 'quiet' | 'plain';
|
|
/** Adds the top-right radial sheen used on landing story cards. */
|
|
sheen?: boolean;
|
|
/** Border brightens to neutral-700 on hover — use for clickable cards. */
|
|
interactive?: boolean;
|
|
}
|
|
export function Card(props: CardProps): JSX.Element;
|
|
export function CardHeader(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
export function CardTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
|
|
export function CardDescription(props: React.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
|
|
export function CardContent(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
export function CardFooter(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|