Checks & Radios

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.

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.

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.