Layout

Description

This component is useful to handle the layout of a page.

• lui-layout : The layout wrapper, in which lui-header, lui-sider, lui-content, lui-footer or lui-layout itself can be nested.
• lui-header : The top layout, must be placed in lui-layout.
• lui-sider : The sidebar and basic functions, must be placed in lui-layout.
• lui-content : The content layout, must be placed in lui-layout.
• lui-footer : The bottom layout, must be placed in lui-layout.

API

import { LuiLayoutModule } from '@lqvrent-workspace/lqvrent-ui/layout';

<lui-layout>
  <lui-header>Header</lui-header>
  <lui-layout>
    <lui-sider>Left sidebar</lui-sider>
    <lui-content>Content</lui-content>
    <lui-sider>Right sidebar</lui-sider>
  </lui-layout>
  <lui-footer>Footer</lui-footer>
</lui-layout>

More examples