Settings

An app's settings as sections of rows: an engraved heading over a raised card; each row a name, an optional detail and one control on the right; engraved rules between rows; shortcut rows with keycaps.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Files

• packages/metalui/src/blocks/settings/settings.tsx
• packages/metalui/src/components/kbd/kbd.tsx
• packages/metalui/src/components/label/label.tsx
• packages/metalui/src/components/rule/rule.tsx
• packages/metalui/src/components/surface/surface.tsx

Source

https://github.com/vijayksingh/metalui

Categories

• Page Components
• React Page Components
• Tailwind CSS Page Components
• Settings Page Components

More from Metal UI

• Settings
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Share panel
• Block silhouette
• Studio week
• Task inbox
• Breadcrumbs