Skip to content
Block PartsPro

Settings Row

A setting's title and description with a switch, or any other control, on the right.

Usage

Email notifications

Mentions, replies and invites

Push notifications

On this device only

Weekly digest

A summary every Monday morning

Two-factor authentication

Add a second step when you sign in

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { SettingsRow, SettingsRowProps } from "@wunderui/react"

API Reference

PropTypeDefault
titleReactNode—
descriptionReactNode—
controlReactNode—
checkedboolean—
onCheckedChange(checked: boolean) => void—
classNamestring—