Divider
Divider component for separating content on a page.
🚧 This documentation is a work in progress.
Usage
Use the Divider component to separate content on a page. It can be used to create visual breaks between sections or to visually group related elements together.
Anatomy
Configuration
We are currently updating Altinn Studio Designer with more configuration options!
The documentation is continuously updated, and there may be more settings available than what is described here, and some settings may be in beta version.
Add component
You can add a component in Altinn Studio Designer by dragging it from the list of components to the page area.
Selecting the component brings up its configuration panel.
Basic component:
App/ui/layouts/{page}.json{
"$schema": "https://altinncdn.no/toolkits/altinn-app-frontend/4/schemas/json/layout/layout.schema.v1.json",
{
"data": {
"layout": [
{
"id": "myDivider",
"type": "Divider",
}
]
}
}
}
Examples
{
"id": "myDivider",
"type": "Divider",
}