A settings page with the heading, save and discard buttons held in a sticky left column and three collapsible groups of rows on the right: text inputs, selects, a segmented choice, switches, a masked API key with copy, a warning note and a destructive action. Rows are data, edits live in local state, and a counter beside the save button shows how many are unsaved.
Files · 10
Dependencies
npm packages
clsx
tailwind-merge
lucide-react
Registry items
button
tooltip
select
switch
Registry Items
settings68
Configuration
Name
settings68
Type
Block
Description
A settings page with the heading, save and discard buttons held in a sticky left column and three collapsible groups of rows on the right: text inputs, selects, a segmented choice, switches, a masked API key with copy, a warning note and a destructive action. Rows are data, edits live in local state, and a counter beside the save button shows how many are unsaved.