Double field
Warning: inconsistent double fields are possible
Double field with Select
Triple fields and more
Form group with double fields
As the double field (Field Stack) wrapper does not handle the validation directly, the form group also has validation modifiers so that the validation can be synced through JS.
This is meant to help you
This is meant to help you
This is meant to help you
This is meant to help you
Checkbox
Form group with checkbox
The form group does not apply any spacing as it is not meant to contain more than one element.
The spacing between checkbox is handled by the checkboxes themselves.
This is meant to help
This is meant to help
Radio buttons
Form group with radio
The form group does not apply any spacing as it is not meant to contain more than one element.
The spacing between radio is handled by the radios themselves.
This is meant to help
This is meant to help
Switches
Form group with switches
The form group does not apply any spacing as it is not meant to contain more than one element.
The spacing between switches is handled by the switches themselves.
This is meant to help
This is meant to help
Tabs
Tab group
- Participant
- Participant
- Team
- Participant
- Team
- Swimmer
- Participant
- Team
- Swimmer
- Accessible
- Participant with a very very very long nameI am an participantFree
- TeamWe are a team and we have a very very very very very long descriptionFree
- SwimmerI want to swim!This is going to cost you a lot of money
- AccessibleEveryone can joinFree
Amount buttons
KPI
Partners
Features
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Features + icons
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Features + icons aligned
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Features + images
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.
Feature
Morbi quis metus tincidunt, scelerisque ante venenatis dolor. Nulla elementum ornare neque et volutpat.