@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
48 lines (47 loc) • 1.65 kB
TypeScript
import React from 'react';
import { BaseComponentProps } from '../internal/base-component';
import { NonCancelableEventHandler } from '../internal/events';
export interface AppLayoutProps extends BaseComponentProps {
contentType?: AppLayoutProps.ContentType;
disableContentPaddings?: boolean;
disableBodyScroll?: boolean;
navigationOpen?: boolean;
navigationWidth?: number;
navigationHide?: boolean;
toolsOpen?: boolean;
toolsHide?: boolean;
toolsWidth?: number;
maxContentWidth?: number;
minContentWidth?: number;
stickyNotifications?: boolean;
headerSelector?: string;
footerSelector?: string;
ariaLabels?: AppLayoutProps.Labels;
navigation?: React.ReactNode;
content?: React.ReactNode;
tools?: React.ReactNode;
notifications?: React.ReactNode;
breadcrumbs?: React.ReactNode;
onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
}
export declare namespace AppLayoutProps {
type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard';
interface Ref {
closeNavigationIfNecessary(): void;
openTools(): void;
}
interface Labels {
notifications?: string;
navigation?: string;
navigationToggle?: string;
navigationClose?: string;
tools?: string;
toolsToggle?: string;
toolsClose?: string;
}
interface ChangeDetail {
open: boolean;
}
}
export declare type AppLayoutActiveElement = 'navigation-toggle' | 'navigation-close' | 'tools-toggle' | 'tools-close';