@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
25 lines • 1.23 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 {};
//# sourceMappingURL=use-button-dropdown.d.ts.map