A style discovery component that can be easily integrated into any website.
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>- 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>-
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)
<!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>