⭐️ Impl: Ex - Add CardToggleButton

example/src/components/Card/CardToggleButton.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+import { CardButton } from './CardButton';
+
+export function CardToggleButton(props: {
+  title: string;
+  subtitle?: string;
+  value: boolean;
+  indicatorOn?: string;
+  indicatorOff?: string;
+  onPress: (value: boolean) => void;
+}) {
+  const prefix = props.value
+    ? props.indicatorOn ?? '☀️'
+    : props.indicatorOff ?? '🌙';
+
+  return (
+    <CardButton
+      title={`${prefix} ${props.title}`}
+      subtitle={props.subtitle}
+      onPress={() => {
+        props.onPress(!props.value);
+      }}
+    />
+  );
+}

example/src/components/Card/index.ts

@@ -6,3 +6,4 @@ export * from './CardRowSwitch';
 export * from './CardRowStepper';
 export * from './CardRowTextInput';
 export * from './CardRowColorPicker';
+export * from './CardToggleButton';