Layout components
To make it easier to build form views in line with defined design sketches, there are a number of components for 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.