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.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge