Skip to content

krutk/spotify-embed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Embed React

NPM

Currently working in React

Use this component to create a Spotify embed for a given Spotify link. In Spotify, click ••• > Copy Link, and paste it in the <Spotify url={...}> prop.

Any link should work (albums, songs, playlist, podcast episode etc.).

alternateTheme: will display the alternate theme (specify true) as given in the example below height: you can specify height as a string | compact(152) as given in the example below width: you can specify width as a string | wide(100%) | compact(40%) as given in the example below borderRadius: you can specify border radius as a string(eg. 20px)

import {Spotify} from 'spotify-embed-react';
// Displaying a playlist.
<Spotify url={"https://open.spotify.com/playlist/4bnhYSeIKgBlCVLtUbafYQ"} alternateTheme='true' height="520" width="1000px | wide | compact"  key={""} />

// Displaying an album.
<Spotify url="https://open.spotify.com/album/1xa8z4YzzzSY9cewekGxPa?si=zllAa75zRfudB_4PjNLeKA" />

Demo: Normal playlist/song/album link, and with alternate theme Screenshot-from-2023-10-15-02-03-48 Screenshot-from-2023-10-15-02-05-00 Screenshot-from-2023-10-15-02-06-36 Screenshot-from-2023-10-15-02-18-33 Screenshot-from-2023-10-15-02-19-05 Screenshot-from-2023-10-15-02-19-32

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published