Components / Track List
Track List
A music picker with audio preview — trending tracks a user can hear before committing one to a reel. The catalog surface for the first-experiment music conversation; MediaCard only plays video.
import { TrackList } from '@layers/ui/track-list'Rendered stock
House rules
- One row previews at a time: the list owns a single audio element, and starting a preview stops the previous one.
- The preview toggle is icon-only with an aria-label; the choose affordance is a text-only outline button.
- Choosing commits the pick (in generated UI it messages Elle and the sheet dismisses); previewing never commits anything.
- Music is a conversation, not a setting: render on request, never as a standing settings surface.
- Omit onChoose for a preview-only listing (a browse without a decision).