Checkboxes & Radios is not a separate component, but just a particular case of using <List> and <ListItem> components.
Check out Framework7's Checkboxes & Radios for their appearance.
<List form>
<ListItem checkbox name="my-checkbox" value="1" title="Checkbox 1" checked></ListItem>
<ListItem checkbox name="my-checkbox" value="2" title="Checkbox 1"></ListItem>
<ListItem checkbox name="my-checkbox" value="3" title="Checkbox 1"></ListItem>
</List>
<List form>
<ListItem radio name="my-radio" value="1" title="Radio 1" checked></ListItem>
<ListItem radio name="my-radio" value="2" title="Radio 2"></ListItem>
<ListItem radio name="my-radio" value="3" title="Radio 3"></ListItem>
</List>
Prop | Type | Default | Description |
---|---|---|---|
<ListItem>'s Checkboxes & Radios specific properties | |||
checkbox | boolean | Enables checkbox-item | |
radio | boolean | Enables radio-item | |
checked | boolean | Whether the checkbox/radio input is checked | |
name | string | Checkbox/radio input name | |
value | string/number | Checkbox/radio input value | |
readonly | boolean | Whether the checkbox/radio input is readonly | |
disabled | boolean | Whether the checkbox/radio input is disabled | |
required | boolean | Whether the checkbox/radio input is required |