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.
11 lines
678 B
TypeScript
11 lines
678 B
TypeScript
/** Pill label. Tier/rank is expressed with the white opacity ladder, never hue. */
|
|
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
/** tier1/2/3 map to white/5, white/15, white/20 — the rank ladder. error is the only hued variant. */
|
|
variant?: 'default' | 'secondary' | 'outline' | 'tier1' | 'tier2' | 'tier3' | 'error';
|
|
pill?: boolean;
|
|
}
|
|
export function Badge(props: BadgeProps): JSX.Element;
|
|
export function EyebrowBadge(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
|
|
export interface StatusBadgeProps { status?: 'online' | 'idle' | 'error'; label?: string }
|
|
export function StatusBadge(props: StatusBadgeProps): JSX.Element;
|