1.1.11 • Published 6 years ago
test-12345abc v1.1.11
join-components
Classic integration
<script type="text/javascript" src="https://unpkg.com/join-web-components@1.0.3"></script>
And then you can directly use our web components in your html files
<join-list-container team-id="join-demo" alias="join-stories-default-all" ></join-list-container>
or
<join-story-container team-id="join-demo" alias="join-stories-default-all" type="iframe" height="700"></join-list-container>
React integration example
Install the package
yarn add join-web-componentsornpm install join-web-components
Find out the codesandbox.io
join-list-component
| Attribute | Type | Default | Description |
|---|---|---|---|
| team-id | string | id of the team to match the associated stories from the Studio | |
| alias | string | Alias of the container to match the associated stories from the Studio | |
| shape | enum: { 'round', 'square', 'rounded-square', 'card' } | 'round' | Different shape of container (see demo) |
| type | enum: { 'iframe', 'default' } | 'default' | It can be either an immersive iframe or a classic container (see demo) |
| justify-content | enum: { 'flex-start', 'center', 'flex-end' } | 'center' | Flex alignement applied on the container |
| limit | number | 10 | Number of stories fetched |
| border-colors | array | 'red', 'orange', 'yellow' | Border colors (Hexa, rgba...) |
| height | number | 100 | Width is being calculate based on the height |
| spacing | number | The space between element |
join-story-component
Documentation coming soon..