Appearance
Radio card
Radio cards are specialized cards that represent radios in Funkwhale's interface. Radio cards populate with the following information:
- The radio title
- The radio description
The card includes a play button that starts the radio.
| Prop | Data type | Required? | Description |
|---|---|---|---|
radio | Radio object | Yes | The radio the card represents |
small | Boolean | No | Controls whether the card is small or normal sized |
blue | Boolean | No | Creates a blue card |
red | Boolean | No | Creates a red card |
purple | Boolean | No | Creates a purple card |
green | Boolean | No | Creates a green card |
yellow | Boolean | No | Creates a yellow card |
Card colors
You can choose what color a radio card is by passing a supported color as a prop.
Blue
INFO
This is the default color. If you don't pass a color, a blue card is rendered.
template
<fw-radio-card blue :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Red
template
<fw-radio-card red :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Purple
template
<fw-radio-card purple :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Green
template
<fw-radio-card green :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Yellow
template
<fw-radio-card yellow :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Card sizes
You can control the size of a radio card by adding a small prop.
Normal card
Normal radio cards contain the radio title and description.
template
<fw-radio-card :radio="radio" />
Radio
Less Listened
First artist, Second Artist, One Other Artist, Yet Another One
Small card
Small radio cards contain only the radio title.
template
<fw-radio-card small :radio="radio" />
Radio
Less Listened