Preview
Installation
Install the component with the shadcn CLI:
Usage
import { SkeuomorphicMediaPlayer } from "@/registry/veltrixuiui/skeuomorphic-media-player";
export function Example() {
return (
<SkeuomorphicMediaPlayer
title="Midnight"
onPrevious={() => console.log("Previous track")}
onNext={() => console.log("Next track")}
/>
);
}Props
| Prop | Type | Description |
|---|---|---|
imageSrc | string | Cover artwork URL |
imageAlt | string | Accessible image description |
title | string | Display title |
isPlaying | boolean | Optional controlled playback state |
onPlayPause | (playing: boolean) => void | Playback-state callback |
onPrevious | () => void | Previous-track callback |
onNext | () => void | Next-track callback |
className | string | Additional Tailwind classes |