Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA pick list for building an ordered playlist from tracks with durations, a running total and a warning when the playlist is longer than the slot. Use this when the order and the total length of the chosen items both matter.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for radio and podcast running orders, event agendas, tour itineraries and any sequence with a time budget.
Do not use it when there is no total to respect (use pick-list).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
tracks | Track[] | - | { id, label, seconds }. |
slotSeconds | number | - | Length of the slot. |
defaultValue | string[] | [] | Track ids in order. |
onValueChange | (ids) => void | - | Called when the playlist changes. |
meter with aria-valuetext ("5:30 of 10:00") and a status line; over the slot it becomes an alert.pick-list.The pattern ships with a Testing Library test (playlist-builder.test.tsx) that covers the duration format, the totals, the over-slot warning and add/remove all.