# Live list — Detent

> A checklist your whole team writes in at once. New items arrive in their group with the name of whoever added them, ticked ones settle into Done, and the card never changes height while it happens.

Canonical: https://detentui.com/components/livelist
Last updated: 2026-11-10

## About

A checklist your whole team writes in at once. New items arrive in their group with the name of whoever added them, ticked ones settle into Done, and the card never changes height while it happens.

## Details

- Type `#` in the box to file an item under a group; Tab completes it.
- Items from teammates fade in tinted in their colour with "Name · just now", then settle.
- A ticked item strikes through, waits a beat in case it was a slip, then moves into Done.
- While you read, the list holds still: teammates’ new items wait behind a "2 new" pill and land when you tap it or look away.
- Pass `people`, `groups` and `items`; `onItemsChange` hands you the list after every add or tick, so it plugs into any sync layer.
- The body scrolls inside a fixed `height`, so the page around it never moves. Follows light and dark and reduced motion.

## Keyboard shortcuts

| Keys | Action |
| --- | --- |
| # | Pick a group |
| Tab | Complete the group |
| Enter | Add the item |

## Install

```bash
npx shadcn add https://detentui.com/r/livelist
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)