@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
35 lines • 1.78 kB
TypeScript
import React from 'react';
import { AppLayoutProps } from '../interfaces';
import { OnChangeParams } from '../utils/use-drawers';
import { Focusable, FocusControlMultipleStates } from '../utils/use-focus-control';
import { SplitPanelToggleProps, ToolbarProps } from './toolbar';
export interface SharedProps {
forceDeduplicationType?: 'primary' | 'secondary' | 'suspended' | 'off';
ariaLabels: AppLayoutProps.Labels | undefined;
navigation: React.ReactNode;
navigationOpen: boolean;
onNavigationToggle: (open: boolean) => void;
navigationFocusRef: React.Ref<Focusable> | undefined;
breadcrumbs: React.ReactNode;
activeDrawerId: string | null;
drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
drawersFocusRef: React.Ref<Focusable> | undefined;
globalDrawersFocusControl?: FocusControlMultipleStates | undefined;
globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
activeGlobalDrawersIds?: Array<string> | undefined;
onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;
splitPanel: React.ReactNode;
splitPanelToggleProps: SplitPanelToggleProps | undefined;
splitPanelFocusRef: React.Ref<Focusable> | undefined;
onSplitPanelToggle: () => void;
}
export declare function mergeProps(ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>): ToolbarProps | null;
export declare function useMultiAppLayout(props: SharedProps, isEnabled: boolean): {
registered: string;
toolbarProps: ToolbarProps | null;
} | {
registered: boolean;
toolbarProps: ToolbarProps | null;
};
//# sourceMappingURL=multi-layout.d.ts.map