Stack

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

Installation

npx shadcn@latest add @tetra-ui/stack

import { Stack } from "@/components/ui/stack";

<Stack gap="sm">
  <Text>Hello</Text>
  <Text>World</Text>
</Stack>

Slot

A utility component that allows merging props onto an optional child component.

Switch

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