@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
31 lines • 1.77 kB
TypeScript
import React from 'react';
import { AppLayoutProps, AppLayoutPropsWithDefaults } from '../../interfaces';
import { OnChangeParams } from '../../utils/use-drawers';
import { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';
export interface SplitPanelToggleProps {
displayed: boolean;
ariaLabel: string | undefined;
controlId: string | undefined;
active: boolean;
position: AppLayoutProps.SplitPanelPosition;
}
interface DrawerTriggersProps {
ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];
activeDrawerId: string | null;
drawersFocusRef: React.Ref<Focusable> | undefined;
drawers: ReadonlyArray<AppLayoutProps.Drawer>;
onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
activeGlobalDrawersIds: ReadonlyArray<string>;
globalDrawersFocusControl?: FocusControlMultipleStates;
globalDrawers: ReadonlyArray<AppLayoutProps.Drawer>;
onActiveGlobalDrawersChange?: (newDrawerId: string, params: OnChangeParams) => void;
splitPanelOpen?: boolean;
splitPanelPosition?: AppLayoutProps.SplitPanelPreferences['position'];
splitPanelToggleProps: SplitPanelToggleProps | undefined;
splitPanelFocusRef: React.Ref<Focusable> | undefined;
onSplitPanelToggle: (() => void) | undefined;
disabled: boolean;
}
export declare function DrawerTriggers({ ariaLabels, activeDrawerId, drawers, drawersFocusRef, onActiveDrawerChange, splitPanelOpen, splitPanelPosition, splitPanelFocusRef, splitPanelToggleProps, onSplitPanelToggle, disabled, activeGlobalDrawersIds, globalDrawers, globalDrawersFocusControl, onActiveGlobalDrawersChange, }: DrawerTriggersProps): JSX.Element | null;
export {};
//# sourceMappingURL=drawer-triggers.d.ts.map