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 |