@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
47 lines • 2.57 kB
TypeScript
import type { ALSMenuRootProps, ALSMenuTriggerProps, ALSMenuContentProps, ALSMenuItemProps, ALSMenuSeparatorProps, ALSMenuGroupProps, ALSMenuGroupLabelProps, ALSMenuCheckboxItemProps, ALSMenuRadioGroupProps, ALSMenuRadioItemProps, ALSMenuSubmenuRootProps, ALSMenuSubmenuTriggerProps, ALSMenuSubmenuContentProps, ALSMenuSize, ALSMenuItemVariant } from "./ALSMenu";
/**
* ALSMenu - A dropdown menu component for displaying a list of actions
*
* @example
* ```tsx
* <ALSMenu.Root>
* <ALSMenu.Trigger>Actions</ALSMenu.Trigger>
* <ALSMenu.Content>
* <ALSMenu.Item>Edit</ALSMenu.Item>
* <ALSMenu.Item>Duplicate</ALSMenu.Item>
* <ALSMenu.Separator />
* <ALSMenu.Item variant="danger">Delete</ALSMenu.Item>
* </ALSMenu.Content>
* </ALSMenu.Root>
* ```
*/
export declare const ALSMenu: {
/** Root container for the menu */
Root: import("react").FC<ALSMenuRootProps>;
/** Button that triggers the menu */
Trigger: import("react").ForwardRefExoticComponent<ALSMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
/** Popup container for menu items */
Content: import("react").FC<ALSMenuContentProps>;
/** Individual menu item */
Item: import("react").ForwardRefExoticComponent<ALSMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
/** Visual separator between items */
Separator: import("react").FC<ALSMenuSeparatorProps>;
/** Group of related menu items */
Group: import("react").FC<ALSMenuGroupProps>;
/** Label for a group of items */
GroupLabel: import("react").FC<ALSMenuGroupLabelProps>;
/** Checkbox menu item */
CheckboxItem: import("react").FC<ALSMenuCheckboxItemProps>;
/** Group for radio items */
RadioGroup: import("react").FC<ALSMenuRadioGroupProps>;
/** Radio menu item */
RadioItem: import("react").FC<ALSMenuRadioItemProps>;
/** Root for a submenu */
SubmenuRoot: import("react").FC<ALSMenuSubmenuRootProps>;
/** Trigger for a submenu */
SubmenuTrigger: import("react").FC<ALSMenuSubmenuTriggerProps>;
/** Content container for a submenu */
SubmenuContent: import("react").FC<ALSMenuSubmenuContentProps>;
};
export type { ALSMenuRootProps, ALSMenuTriggerProps, ALSMenuContentProps, ALSMenuItemProps, ALSMenuSeparatorProps, ALSMenuGroupProps, ALSMenuGroupLabelProps, ALSMenuCheckboxItemProps, ALSMenuRadioGroupProps, ALSMenuRadioItemProps, ALSMenuSubmenuRootProps, ALSMenuSubmenuTriggerProps, ALSMenuSubmenuContentProps, ALSMenuSize, ALSMenuItemVariant, };
//# sourceMappingURL=index.d.ts.map