Fundamental Library Styles
v0.11.0-rc.6 GitHub
  • Submit an issue
  • Email Us
    • getting started

    • layouts
      • Application Shell
      • Layout Grid
      • Layout Panel
      • Page
      • Section
      • Columns

    • patterns
      • Combobox Input
      • Contextual Menu
      • Date Picker
      • Multi Input
      • Time Picker

    • components
      • Action Bar
      • Alert
      • Avatar
      • Asset Upload
      • Bar
      • Busy Indicator
      • Button
      • Breadcrumb
      • Calendar
      • Counter
      • Dialog
      • Forms
      • Generic Tile
      • Icon
      • Info Label
      • Input Group
      • Inline Help
      • List
      • Link
      • Localization Editor
      • Menu
      • Message Box
      • Message Strip
      • Message Toast
      • Notification
      • Object Status
      • Pagination
      • Panel
      • Popover
      • Product Switch
      • Shellbar
      • Select
      • Side Navigation
      • Step Input
      • Switch
      • Table
      • Tabs
      • Time
      • Token
      • Toolbar
      • Tree

    • resources
      • Design System Utilities
      • Fundamental Libraries
      • Fundamental Library UI Kit Bundle

    Layouts

    Layouts in Fundamental Library Styles are for structuring the main parts of your application. Organized in three main categories


    Layout Grid

    CSS Grid based layout component.

    Shell Layout

    Main shell and application template structure, including header, navigation, main content, footer.

    Page Layout

    Elements to structure the content your application page.

    Section

    Wrapper element for dividing a page into different sections

    Layout Panel

    Elements to organize components.