What a change did
Action readout opens the reply a confirmed change gets: what was done, then what it did, a line each. The host works the facts out from the records as they were just before the change, so the readout is exact and needs no model. The assistant's words follow it, about what it means or what to do next.
A title over its facts
The facts are a description list, so a screen reader reads each label with its value. A long value wraps inside its column and the card keeps its width.
8 walks closed to bookings
- Status
- Open 6 · Waitlist 2 → Closed 8
- Bookings kept
- 143
- Walks
- Heron Loop, Quarry Rise, Saltmarsh Way and 5 more
- Left alone
- 2 already full
// From the npm package
import { ActionReadout } from 'rift-ds/components/ActionReadout/ActionReadout';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/action-readout.json