@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.09 kB
TypeScript
import React from 'react';
import { ButtonProps } from '../../button/interfaces';
import { AppLayoutProps } from '../interfaces';
interface MobileToolbarProps {
anyPanelOpen: boolean;
unfocusable: boolean | undefined;
toggleRefs: {
navigation: React.Ref<ButtonProps.Ref>;
tools: React.Ref<ButtonProps.Ref>;
};
navigationHide: boolean | undefined;
toolsHide: boolean | undefined;
topOffset?: number;
ariaLabels: AppLayoutProps.Labels | undefined;
mobileBarRef: React.Ref<HTMLDivElement>;
children: React.ReactNode;
onNavigationOpen: () => void;
onToolsOpen: () => void;
drawers: Array<AppLayoutProps.Drawer> | undefined;
activeDrawerId: string | null;
onDrawerChange: (newDrawerId: string | null) => void;
}
export declare function MobileToolbar({ ariaLabels, toggleRefs, topOffset, navigationHide, toolsHide, anyPanelOpen, unfocusable, drawers, activeDrawerId, children, onNavigationOpen, onToolsOpen, onDrawerChange, mobileBarRef, }: MobileToolbarProps): JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map