@sociate/style-discovery NPM | npm.io

1.0.8 • Published 5 months ago

Install

Weekly downloads

-

License

-

Repository

Last release

5 months ago

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>

@emotion/react @emotion/styled @headlessui/react @hookform/resolvers @sociate/sociate-api-sdk @tanstack/react-query clsx framer-motion react-grid-layout react-hook-form yup zustand

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago