Switch

A control that allows users to toggle between checked and unchecked states.

Installation

npx shadcn@latest add @tetra-ui/switch

import { Switch } from "@/components/ui/switch";

<Switch />

Pass value and onValueChange for controlled state:

const [enabled, setEnabled] = useState(false);

<Switch value={enabled} onValueChange={setEnabled} />

<Switch disabled value />

Migrate to Expo UI Switch component.

Stack

A layout component that allows you to stack children horizontally or vertically with consistent spacing.

Text Input

A component that allows users to enter text.