@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
32 lines • 1.16 kB
TypeScript
import React from 'react';
import { CancelableEventHandler } from '../../internal/events';
import { ButtonDropdownProps, ButtonDropdownSettings, GroupToggle, HighlightProps, ItemActivate } from '../interfaces';
interface UseButtonDropdownOptions extends ButtonDropdownSettings {
items: ButtonDropdownProps.Items;
onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
onReturnFocus: () => void;
expandToViewport?: boolean;
}
interface UseButtonDropdownApi extends HighlightProps {
isOpen: boolean;
onKeyDown: (event: React.KeyboardEvent) => void;
onKeyUp: (event: React.KeyboardEvent) => void;
onItemActivate: ItemActivate;
onGroupToggle: GroupToggle;
toggleDropdown: (options?: {
moveHighlightOnOpen?: boolean;
}) => void;
closeDropdown: () => void;
setIsUsingMouse: (isUsingMouse: boolean) => void;
}
export declare function useButtonDropdown({
items,
onItemClick,
onItemFollow,
onReturnFocus,
hasExpandableGroups,
isInRestrictedView,
expandToViewport
}: UseButtonDropdownOptions): UseButtonDropdownApi;
export {};