AppLayout

Import

import { AppLayout } from '@pros/atlas';

Usage

When To Use

• Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Anatomy

• Header: Lorem ipsum dolor sit amet.
• Sidebar (Optional): Consectetur adipiscing elit.
• Content: Sed do eiusmod tempor incididunt.
• Split Panel (Optional): Ut labore et dolore magna aliqua.
• Tool Items (Optional): Quis nostrud exercitation ullamco.

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

import { AppLayout } from '@pros/atlas';

export default function App() {
  return <AppLayout header={<div>Header</div>}>Hello World</AppLayout>;
}

Guidelines

Do's

• Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Don'ts

• Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Accessibility

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

API Reference

The AppLayout component accepts the following props.