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

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

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

    • components
      • Action Bar
      • Alert
      • Asset Upload
      • Bar
      • Busy Indicator
      • Button
      • Breadcrumb
      • Calendar
      • Dialog
      • Forms
      • Identifier
      • Icon
      • Image
      • Info Label
      • Input Group
      • Inline Help
      • List
      • List Group
      • Link
      • Loading Spinner
      • Localization Editor
      • Menu
      • Message Strip
      • Notification
      • Pagination
      • Popover
      • Product Switch
      • Shellbar
      • Select
      • Side Navigation
      • Status Indicators
      • Switch
      • Table
      • Tabs
      • Tile
      • Time
      • Token
      • Tree

    • resources
      • Design System Utilities
      • Fundamental Libraries

    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

    Panel

    Elements to organize components.

    Global Nav

    Global Navigation to switch between different Apps