components / now-playing-bar
now-playing-bar.
sticky bottom bar for a running activity: live elapsed timer and an action slot. omit startedAt for an idle state.
installation
bunx @justin06lee/chrome@latest add now-playing-barprops
| name | type | default | description |
|---|---|---|---|
| title * | ReactNode | - | |
| startedAt | number | Date | - | when set, shows a live elapsed timer ticking every second; omit for the idle state. |
| accent | string | - | optional css color for a small dot before the running title. omit for the source-faithful look. |
| subtitle | ReactNode | - | |
| actions | ReactNode | - | right-side slot, e.g. a Stop button. |
| onClick | () => void | - | |
| visible | boolean | true | hide the bar and tear down the timer. |
| position | 'fixed' | 'sticky' | 'fixed' | |
| className | string | - |