lite-spotify-embed v1.1.1

Lite Spotify Embed

A lightweight and customizable Spotify embed component built with TypeScript, designed for seamless integration into modern web applications.

Key Features

• Lightweight: Minimal dependencies for optimized performance.
• Customizable: Easily style and configure the embed to match your application's design.
• TypeScript: Ensures robust and maintainable code with type safety.

Props Explanation and Usage

Here’s how you can use and configure the component's props:

1. bg-color (optional):

   • Type: string
   • Description: Sets the background color of the embed. This can be any valid CSS color value (e.g., #281090, rgba(255, 255, 255, 0.5), etc.).
   • Usage Example:

     <lite-spotify-embed bg-color="#281090"></lite-spotify-embed>

2. token-id (required):

   • Type: string
   • Description: The Spotify token ID associated with the content you want to embed. This is necessary for fetching and displaying the specific content.
   • Usage Example:

     <lite-spotify-embed token-id="5pD4rkzDsfYMZZwtfYuaz1"></lite-spotify-embed>

3. content-type (required):

   • Type: string
   • Description: Specifies the type of content to embed. Acceptable values might include track, show, playlist, or episode (for podcasts).

   • Usage Example:

     <lite-spotify-embed content-type="episode" token-id="5pD4rkzDsfYMZZwtfYuaz1"></lite-spotify-embed>

Installation

Clone the repository and install dependencies using npm:

npm / pnpm i lite-spotify-embed
# or
yarn add lite-spotify-embed

Usage

To use the component in your project, import it as a module:

import 'lite-spotify-embed';

<lite-spotify-embed
      bg-color="#281090"
      token-id="5pD4rkzDsfYMZZwtfYuaz1"
      content-type="episode"

Attributes

For more details and advanced usage, you can check the project on GitHub.

License

This project is licensed under the MIT License.