Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (storybook-spotify) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Storybook Addon Spotify
The Storybook Addon Spotify is used to easily embed a Spotify iframe to display any of all available types of Spotify content, as a playlist, an album, a song, a podcast or an episode within a Storybook panel.
Installation
npm install storybook-spotify --save-devBasic Setup
Add the following code in the main.js of your Storybook configuration:
module.exports = {
addons: ['storybook-spotify'],
};Set the parameters of your story with the key value version in order to provide the necessary information to be displayed.
Configuration
| Property | Required | Type of Value | Description | Example |
|---|---|---|---|---|
| url | ✔ | string | Spotify source | https://open.spotify.com/playlist/4gV0IA40bGoAG1Rla7oZzQ?si=c9730ce8d8f349d3 |
Implementation
export const parameters = {
spotify: {
url: 'https://open.spotify.com/embed/playlist/4gV0IA40bGoAG1Rla7oZzQ?si=c9730ce8d8f349d3'
}
}Story Setup Example
Add the version parameter in the default Story configuration:
import React from 'react'
export default {
title: 'Component Button',
parameters: {
spotify: {
url: 'https://open.spotify.com/embed/playlist/4gV0IA40bGoAG1Rla7oZzQ?si=c9730ce8d8f349d3'
}
}
}Examples
Playlist
Album
Song
Podcast
Episode
