serverpod Shadcn UI — Switch
Instructions
ShadSwitch is a control that toggles between checked and unchecked. Use value and onChanged; optional label. For forms use ShadSwitchFormField with id, initialValue, inputLabel, inputSublabel, validator.
Standalone
ShadSwitch(
value: value,
onChanged: (v) => setState(() => value = v),
label: const Text('Airplane Mode'),
)
Form field
ShadSwitchFormField(
id: 'terms',
initialValue: false,
inputLabel: const Text('I accept the terms and conditions'),
onChanged: (v) {},
inputSublabel: const Text('You agree to our Terms and Conditions'),
validator: (v) {
if (!v) return 'You must accept the terms and conditions';
return null;
},
)