Checkboxes can be used to turn an option on or off.
You can play around with a Ui.Checkbox below using the controls.
Ui.Checkbox
<Ui.Checkbox size={Ui.Size.Px(16)} disabled={false} checked={false}/>
The state of the component can be set with the checked property.
checked
<> <Ui.Checkbox checked={false}/> <Ui.Checkbox checked={true}/></>
The size of the component can be set with the size property.
size
<> <Ui.Checkbox size={Ui.Size.Px(12)}/> <Ui.Checkbox size={Ui.Size.Px(16)}/> <Ui.Checkbox size={Ui.Size.Px(20)}/></>
The component can be disabled using the disabled property.
disabled
<> <Ui.Checkbox disabled={false}/> <Ui.Checkbox disabled={true}/></>
The component triggers the onChange event when clicked.
onChange
<Ui.Checkbox onChange={(value : Bool) { Ui.Notifications.notifyDefault(<>"Changed!"</>) }}/>
Mint UI is a design system and component library for building websites, web and desktop applications.