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.
14 lines
704 B
TypeScript
14 lines
704 B
TypeScript
/** Floating menu panel — 16px radius, blurred near-black fill, 8px padding. */
|
|
export interface DropdownMenuProps {
|
|
/** Which edge the panel aligns to. */
|
|
align?: 'left' | 'right';
|
|
/** Open on hover (the nav behaviour) instead of click. */
|
|
hover?: boolean;
|
|
trigger: React.ReactNode;
|
|
children?: React.ReactNode;
|
|
}
|
|
export function DropdownMenu(props: DropdownMenuProps): JSX.Element;
|
|
export function DropdownMenuItem(props: React.AnchorHTMLAttributes<HTMLAnchorElement> & { desc?: string }): JSX.Element;
|
|
export function DropdownMenuLabel(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
|
|
export function DropdownMenuSeparator(props: { style?: React.CSSProperties }): JSX.Element;
|