fbredius/storybook

View on GitHub
docs/snippets/web-components/button-group-story.js.mdx

Summary

Maintainability
Test Coverage
```js
// demo-button-group.stories.js

import { html } from 'lit-html';

import './demo-button-group';

//👇 Imports the Button stories
import * as ButtonStories from './demo-button.stories';

export default {
  title: 'ButtonGroup',
};

const Template = ({ buttons, orientation }) => {
  return html`
    <demo-button-group .buttons=${buttons} .orientation=${orientation}></demo-button-group>
  `;
};

export const Pair = Template.bind({});
Pair.args = {
  buttons: [{ ...ButtonStories.Primary.args }, { ...ButtonStories.Secondary.args }],
  orientation: 'horizontal',
};
```