API keys
ProCreate keys in a dialog, copy once, and revoke with confirmation.
settings-07 · v1.0.0 · Settings block 7 of 10
npx shadcn@latest add @lib/settings-07About this settings block
API keys is a Pro settings block for shadcn/ui. Create keys in a dialog, copy once, and revoke with confirmation. It's one React file built on the shadcn/ui Badge, Button, alert-dialog, Card components, uses only your theme tokens, and works in Next.js, Vite, React Router, TanStack Start and Astro.
What's inside
- Opens a dialog or side panel
- A working form
- A data table
- Filtering or search
- Interactive state, no wiring needed to try it
- Light and dark mode from your theme
- Responsive, from phone to desktop
What it installs
- shadcn/ui: alert-dialog, badge, button, card, dialog, field, input, table
- npm: lucide-react
Versions
- v1.0.0, first release.
More settings blocks
Account, profile, team, notification and security settings pages, built from shadcn/ui forms, switches and tabs.