@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
26 lines (25 loc) • 1.23 kB
TypeScript
import { MenuRootProps } from '@ark-ui/react';
export declare const DropdownMenuStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"item" | "content" | "button" | "itemGroup" | "buttonIcon", import('../../../styled-system/types').SlotRecipeVariantRecord<"item" | "content" | "button" | "itemGroup" | "buttonIcon">>;
export type MenuItemProps = {
value: string;
label: string;
headingElement?: React.ReactElement;
trailingElement?: React.ReactElement;
/** @deprecated `icon` は廃止予定です。`headingElement` を使ってください */
icon?: React.ReactElement;
};
export type DropdownMenuProps = {
styleType?: "default" | "iconButton";
title: string;
items: MenuItemProps[];
disabled?: boolean;
icon?: React.ReactElement;
/**
* Portalを使用するかどうか
* - `true` (デフォルト): body直下にポータルする。ModalDialog/Drawer内にある場合は自動的にそのコンテンツ内にポータルされる
* - `false`: ポータルを使用せず、その場にレンダリングする
* @default true
*/
portalled?: boolean;
};
export declare const DropdownMenu: React.FC<DropdownMenuProps & MenuRootProps>;