Mini Player Card

The MiniPlayerCard component helps you to simply create a beautiful player card.

Demo

Some Kind Of Blues

Deftones

<template>
<MiniPlayerCard
  color="success"
  :song="{ label: 'Some Kind Of Blues', album: 'Deftones' }"
/>
</template>

<script setup>
import MiniPlayerCard from "@/examples/cards/MiniPlayerCard.vue";
</script>

1<template>
2<MiniPlayerCard
3  color="success"
4  :song="{ label: 'Some Kind Of Blues', album: 'Deftones' }"
5/>
6</template>
7
8<script setup>
9import MiniPlayerCard from "@/examples/cards/MiniPlayerCard.vue";
10</script>

Props Information

Name	Type	Default	Description
color	successprimarysecondaryinfodarkdangerlightwarningerror	success	`color` is used to add overlay color to the `MiniPlayerCard` component.
song	Object		`song` is an object used to add description and has the following keys: `label` of type string. `album` of type string.