storybook/docs/snippets/web-components/button-group-story.js.mdx
2021-11-09 01:41:54 +00:00

26 lines
578 B
Plaintext

```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',
};
```