Normally Pleasant Mixture

    storybook-spotify
    TypeScript icon, indicating that this package has built-in type declarations

    3.1.0 • Public • Published

    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-dev

    Basic 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

    Install

    npm i storybook-spotify

    DownloadsWeekly Downloads

    0

    Version

    3.1.0

    License

    MIT

    Unpacked Size

    17 kB

    Total Files

    24

    Last publish

    Collaborators

    • silversonicaxel