Checkbox

A control that allows the user to toggle between checked and not checked.

Installation

$npx maddex add Checkbox

Default

Start with an uncontrolled checkbox when the field only needs a label and supporting copy.

Preview

        
            
        
    

Controlled

Use checked and on-checked-change when another panel on the page needs to stay in sync with the selected values.

Preview

        
            
        
    

With Styled Preference Row

Pair the checkbox with semantic blue accents when a selected preference should read like an active settings card.

Preview