UNPKG

@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
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