SettingsRow

Install

npx stylesheet-ui add settings-row

Usage

import { useState } from "react";
import { Bell, LogOut } from "lucide-react-native";
import { SettingsRow } from "@/components/ui/settings-row";
import { Switch } from "@/components/ui/switch";

const [push, setPush] = useState(true);

<SettingsRow
  title="Push notifications"
  description="Get notified about activity"
  icon={<Bell size={18} />}
  right={<Switch value={push} onValueChange={setPush} />}
/>

<SettingsRow
  title="Sign out"
  icon={<LogOut size={18} />}
  destructive
  onPress={() => signOut()}
/>