# Checks & Radios

Checkboxes and radios allow users to select one or more items from a set of items within a form.

## Material Checkbox

The checkbox web component from the Material Web Components Catalog has been utilized in this specific case to add true Material Design checkboxes to this theme.

These checkboxes are larger than most browser default styling for this element allowing for a larger tap target area, which is especially helpful on mobile devices.

The web component supports unchecked, checked, indeterminate, and disabled states for each checkbox.

## Material Radio Buttons

The radio web component from the Material Web Components Catalog have also been utilized in this specific case to add true Material Design radio buttons to this theme.

Similar to the checkboxes above, these radio buttons are larger than most browser defaults. The web component supports unchecked, checked, and disabled states are all supported.

## Material Switch

The switch web component from Material Web Components Catalog is also available to use in Material Admin Pro. Switches allow an option to be toggled on and off. The checked and disabled states are both available for this component.

## Bootstrap Checkbox

By default, the Bootstrap checkbox is much smaller than the Material option, and works well with inline forms. This styling option does not match Material Design specifications, rather, it is closer to browser defaults.

For additional information and options regarding the use the Bootstrap checkbox, visit Bootstrap's checks & radios documentation page.

Default checkbox
Checked checkbox
Default disabled checkbox
Checked disabled checkbox

## Bootstrap Radio Buttons

Bootstrap's radio buttons are also much smaller than the Material option. Certain situations may favor using this smaller radio button option.

For additional information and options regarding the use the Bootstrap radio buttons, visit Bootstrap's checks & radios documentation page.

Default radio
Default checked radio
Disabled radio
Disabled checked radio

## Bootstrap Switch

The slimmer, more compact, Bootstrap default switch is also available to use with this toolkit, which may be preferrable when a smaller switch is needed.

Default switch checkbox input
Checked switch checkbox input
Disabled switch checkbox input
Disabled checked switch checkbox input

### Related Links

Material Checkbox Web Component Documentation

Docs for Material's checkbox web component

Related Link arrow_upward
Material Radio Web Component Documentation

Docs for Material's radio web component

Related Link arrow_upward
Material Switch Web Component Documentation

Docs for Material's switch web component

Related Link arrow_upward
Bootstrap Checks and Radios Documentation

Bootstrap's checks and radios documentation

Related Link arrow_upward