SAP Fundamental Styles
v0.2.1-rc.12 GitHub
  • Submit an issue
  • Email Us
    • getting started

    • foundation
      • Spacing
      • Type

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

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

    • components
      • Action Bar
      • Alert
      • Asset Upload
      • Button
      • Breadcrumb
      • Calendar
      • Dropdown
      • Forms
      • Identifier
      • Icon
      • Image
      • Input Group
      • Inline Help
      • List Group
      • Link
      • Loading Spinner
      • Localization Editor
      • Menu
      • Modal
      • Multi Input
      • Pagination
      • Popover
      • Shellbar
      • Side Navigation
      • Status Indicators
      • Table
      • Tabs
      • Tile
      • Time
      • Token
      • Toggle / Switch
      • Tree

    • resources
      • Design System Utilities
      • SAP Fundamental Styles Implementation Libraries

    Layouts

    Layouts in Fundamental 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