v0.5.1

Settings Row

Title, description, and a trailing control — usually Switch.

Email notifications

Product updates only.

Marketing emails

One note a month. No spam.

Installation

npx paubha@latest add settings-row

Usage

import { SettingsRow } from "@/components/ui/settings-row";
import { Switch } from "@/components/ui/switch";

<SettingsRow
  title="Email notifications"
  description="Product updates only."
  control={<Switch aria-label="Email notifications" />}
/>

Section Header

In-page section header with title, actions, search, and tabs.

Site Footer

Marketing footer with brand, link columns, and legal row.

On this page

InstallationUsage