Checkboxes & Radios is not a separate component, but just a particular case of using <f7-list> and <f7-list-item> components.
Check out Framework7's Checkboxes & Radios for their appearance.
<f7-list form>
<f7-list-item checkbox name="my-checkbox" value="1" title="Checkbox 1" checked></f7-list-item>
<f7-list-item checkbox name="my-checkbox" value="2" title="Checkbox 1"></f7-list-item>
<f7-list-item checkbox name="my-checkbox" value="3" title="Checkbox 1"></f7-list-item>
</f7-list><f7-list form>
<f7-list-item radio name="my-radio" value="1" title="Radio 1" checked></f7-list-item>
<f7-list-item radio name="my-radio" value="2" title="Radio 2"></f7-list-item>
<f7-list-item radio name="my-radio" value="3" title="Radio 3"></f7-list-item>
</f7-list>| Prop | Type | Default | Description |
|---|---|---|---|
| <f7-list-item>'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 | |