Form Options

This page contains examples of the Form Options component, with different configuration options and style variations.


Default

Checkbox
Checkbox - at least one selected option *
Radio button *
Please, select at least one option
Drop-down
Please, select at least one option
Multi-select drop-down

Container and background styles

 

When the Form Options component is placed inside a container, its styles are adapted to the background colour of the container.

Container with full page width and primary light background

Checkbox
Checkbox - at least one selected option *
Radio button *
Please, select at least one option
Drop-down
Please, select at least one option
Multi-select drop-down

Container with background full page width and primary dark background

Checkbox
Checkbox - at least one selected option *
Radio button *
Please, select at least one option
Drop-down
Please, select at least one option
Multi-select drop-down

Container with default width and secondary light background

Checkbox
Checkbox - at least one selected option *
Radio button *
Please, select at least one option
Drop-down
Please, select at least one option
Multi-select drop-down

Container with default width and secondary dark background

Checkbox
Checkbox - at least one selected option *
Radio button *
Please, select at least one option
Drop-down
Please, select at least one option
Multi-select drop-down