Key-value list
A description list of properties with copyable mono values, masked secrets with reveal, status pills, links, inline edit with validation and a two-column layout on wide containers.
Preview
Production environment
env_prod- Status
- Healthy
Last check 2 min ago
- Plan
- Team · 12 seats
- Project ID
- prj_7Hq2xL0aZ93
- Region
- eu-central-1
- Secret key
- Hidden value ending in 4f2a.
Rotated Oct 28
- Webhook signing secret
- Hidden value ending in zC9m.
- Endpoint
- Deploy branch
- main
- Owner
- Priya Raman
- Created
- Mar 14, 2026 by Malik Haddad
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | KeyValueItem[] | — | { id, label, value, kind?, tone?, href?, hint?, copyable?, editable? }. |
| items[].kind | "text" | "mono" | "secret" | "status" | "link" | "text" | How the value renders; secrets are masked with a reveal button. |
| items[].tone | "success" | "warning" | "danger" | "neutral" | "neutral" | Colour of a status pill. |
| onEdit | (id, value) => string | void | — | Enables inline edit on editable items; return a message to reject the value. |
| columns | "auto" | 1 | "auto" | Two columns once the container is at least 36rem wide. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.