mirror of
https://github.com/hanzoai/design.git
synced 2026-10-30 14:58:37 +00:00
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.
13 lines
762 B
TypeScript
13 lines
762 B
TypeScript
/** Centred modal on an 80% black scrim with a 4px backdrop blur. Escape and scrim click close it.
|
|
export interface DialogProps {
|
|
open?: boolean;
|
|
onOpenChange?: (open: boolean) => void;
|
|
children?: React.ReactNode;
|
|
}
|
|
export function Dialog(props: DialogProps): JSX.Element | null;
|
|
export function DialogContent(props: React.HTMLAttributes<HTMLDivElement> & { width?: number }): JSX.Element;
|
|
export function DialogHeader(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
export function DialogTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
|
|
export function DialogDescription(props: React.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
|
|
export function DialogFooter(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|