مفتاح التبديل

import '@cave-ui/core/tokens.css';
import '@cave-ui/core/styles.css';

<label class="cave-control"><input class="cave-switch" type="checkbox" role="switch" name="notifications">تفعيل الإشعارات</label>

import 'package:flutter/material.dart';
import 'package:cave_ui/cave_ui.dart';

void main() => runApp(CaveApp(
  controller: CaveController(locale: const Locale('ar')),
  home: const Scaffold(body: SafeArea(child: Padding(
    padding: EdgeInsetsDirectional.all(24), child: SwitchExample()))),
));

class SwitchExample extends StatefulWidget {
  const SwitchExample({super.key});
  @override
  State<SwitchExample> createState() => _SwitchExampleState();
}

class _SwitchExampleState extends State<SwitchExample> {
  bool enabled = false;
  @override
  Widget build(BuildContext context) => CaveSwitch(label: 'تفعيل الإشعارات', value: enabled,
  onChanged: (value) => setState(() => enabled = value));
}