Enlite PrimeEnlite Prime

checkbox radio

Log In

checkbox radio

You are here:app / forms /  checkbox-radio

Checkbox

Checkboxes allow the user to select multiple options from a set. If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. If you have a single option, avoid using a checkbox and use an on/off switch instead.

Basic usage
Checkbox with label

Checkbox can also be used with a label description thanks to the FormControlLabel component.

Checkbox in Form Group

FormGroup is a helpful wrapper used to group selection controls components that provides an easier API.

Assign responsibility

Be careful

src/app/containers/Forms/demos/Checkboxes.js

Radio Button

Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side; otherwise, consider a dropdown, which uses less space than displaying all options.

Basic usage

Radio buttons should have the most commonly used option selected by default.

Gender
Gender

You can display an error

Radio without label

Radio can also be used standalone, without the wrapper.

src/app/containers/Forms/demos/RadioButton.js

marketplace logoBuy Now