Definition
The choice list component let users make a choice in a given list of options. For every available option, Radio Button or Checkbox will be shown according if there is single or multiple eligible choices.
Handlebars
Razor
Open in new tabHandlebars
Razor
Open in new tabHandlebars
Razor
Open in new tabJavascript
Handlebars
Razor
Open in new tabHandlebars
Razor
Open in new tabHandlebars
Razor
Open in new tabRazor
Open in new tabJavascript
Modifiers
The highlighted modifiers changes the color of the selected option, giving more clarity to the user about the marked option.
Razor
Open in new tabVariants
The choice list has the "boxed" variant which displays the list items in a "boxed" style.
This variant also shows the selected option in a different color by default, so no modifier has to be applied to get this.
Razor
Open in new tabRazor
Open in new tabThe inline modifier displays the options as inline elements.
Razor
Open in new tabStates
The disabled state blocks the users interaction and modifies the appearance to let them know that the component is not useful at this moment.
Razor
Open in new tabThe unresolved state is used when options are not yet ready, and needs to be resolved asynchronously.
Razor
Open in new tabRazor
Open in new tabThe error state let the user know that the filled information has an error.