Settings

A settings block: profile fields validated on blur and save, notification switches, a colorway and density, and a save bar that counts unsaved changes.

Library

Metal UI

Framework

React + SwiftUI

Type

block

License

MIT

Dependencies

@unlocalhosted/metalui@^0.4.0

Files

• apps/docs/src/blocks/settings/settings.tsx
• packages/metalui/src/index.ts
• packages/metalui/src/icons.ts
• packages/metalui/src/icons/Icon.tsx
• packages/metalui/src/icons/catalog.generated.ts
• packages/metalui/src/icons/components.generated.tsx
• packages/metalui/src/icons/MorphIcon.tsx
• packages/metalui/src/icons/morph.generated.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Page Components
• React Page Components
• Tailwind CSS Page Components
• Animated 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