Installation
Usage
import MusicPlayerCard, { Track } from "@/components/ruixen/music-player-card";
const tracks: Track[] = [
{
id: "1",
title: "Running Up That Hill (A Deal With God)",
artist: "Kate Bush",
cover: "/covers/track1.jpg",
duration: "4:59",
src: "/audio/track1.mp3",
likes: "991k",
comments: "6k",
},
];
export default function App() {
return <MusicPlayerCard tracks={tracks} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
tracks | Track[] | - | Array of track objects |
className | string | - | Additional CSS classes |
Track Type
export interface Track {
id: string;
title: string;
artist: string;
cover: string;
duration: string;
src: string;
likes?: string;
comments?: string;
}
