@sociate/style-discovery

A style discovery component that can be easily integrated into any website.

latest

npm

Version: 1.0.8

Version published: 8 months ago

Maintainers: 1

Created: 8 months ago

Source

Sociate Style Discovery

A style discovery component that can be easily integrated into any website.

Installation

Add the component to your website by including the script:

<script src="https://unpkg.com/@sociate/style-discovery@1.0.1/dist/index.js"></script>

Basic Usage

First, define an element that will serve as a trigger button:

<button id="open-sociate">Open Sociate Style</button>

Then, add the Sociate Style component to your HTML:

<sociate-style
  token="your-token-here"
  trigger-id="open-sociate"
  is-static-page="false"
></sociate-style>

Attributes

token (required): Your Sociate authentication token
trigger-id (required): ID of the HTML element that will trigger the component
is-static-page (optional): Indicates if the page is static (default: false)

Complete Example

<!DOCTYPE html>
<html>
<head>
  <title>Sociate Style Example</title>
</head>
<body>
  <button id="open-sociate">Discover Style</button>
  
  <sociate-style
    token="your-token-here"
    trigger-id="open-sociate"
  ></sociate-style>

  <script src="https://unpkg.com/@sociate/style-discovery@1/dist/index.js"></script>
</body>
</html>

FAQs

What is @sociate/style-discovery?

Is @sociate/style-discovery well maintained?

Package last updated on 24 Feb 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install