Back to Components
Components
Key Value Grid
Grid layout of label and value pairs for settings or details.
Environment
Production
Last deploy 2 hours ago
Region
London
Active failover enabled
Database
Postgres 15
99.99% uptime
Storage
2.4 TB
68% utilized
Requests
1.2M
Past 30 days
Incidents
0 open
All clear
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/key-value-grid.tsx
Installation
Using shadcn CLI
npx shadcn add key-value-grid --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge