spotify-login

Spotify Login - DEMO

• • • •

How to install

It is possible to install with npm:

npm i spotify-login
// OR
yarn add spotify-login

Or import the script through the unpkg project:

<script src="https://unpkg.com/spotify-login/dist/spotify-login.js"></script>

How to usage

An example of how to use the webcomponent with html:

<spotify-login
  client-id="XXX"
  scope="user-read-email"
  redirect-uri="http://localhost:8000"
>
  <button>Login with Spotify</button>
</spotify-login>

<script>
  const spotifyLoginElement = document.querySelector("spotify-login");

  spotifyLoginElement.addEventListener("completed", e => {
    console.log(e.details);
  });
  spotifyLoginElement.addEventListener("fail", e => {
    console.log(e);
  });
</script>

With JSX:

<spotify-login onCompleted={e => console.log(e)} onError={e => console.log(e)}>
  <button>Login with Spotify</button>
</spotify-login>

Properties

Property	Attribute	Description	Type	Default
clientId	client-id	Client ID for Spotify OAuth application	string	undefined
redirectUri	redirect-uri	The URI to redirect to after the user grants or denies permission.	string	undefined
responseType	response-type	Scope for Spotify OAuth application	string	"token"
scope	scope	Scope for Spotify OAuth application	string	undefined
showDialog	show-dialog	Whether or not to force the user to approve the app again if they’ve already done so.	boolean	undefined
state	state	The state can be useful for correlating requests and responses	string	undefined

Events

Event	Description	Type
completed	Call with success	CustomEvent<any>
fail	Call with error	CustomEvent<any>
request	Call with request	CustomEvent<any>

NPM Statistics

Download stats for this NPM package.

License

Spotify Login is open source software licensed as MIT.