Skip to content

Layout

Components

Section

Layout.Section is an outer block element for wrapping content to get the correnct layout and spacing between sections and section headings.

Card

Layout.Card is a block section element showing the white box with rounded gray borders, adding spacing automatically.

FlexContainer

Layout.FlexContainer is a building block for flexbox based layout of contents and components.

FlexItem

Layout.FlexItem is a building block for flexbox based layout of contents and components.

MainHeading

Layout.MainHeading is a standardized main heading for sections, ensuring default layout, spacing etc.

SubHeading

Layout.SubHeading is a standardized sub heading for sections, ensuring default layout, spacing etc.

InfoCardSection

Layout.InfoCardSection is a wrapper component for InfoCard, ensuring correct layout together with other Sections

ButtonRow

Layout.ButtonRow is a wrapper for horizontally separated buttons.

Column

Layout.Column is a simplified wrapper for FlexContainer with direction column.

Row

Layout.Row is a simplified wrapper for FlexContainer with direction row.