diff options
author | Tomas Chmelevskij <chmelevskij@users.noreply.github.com> | 2022-04-28 23:05:59 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-04-28 23:05:59 +0300 |
commit | af0f2aa44455c6dafd3a3a29752b13f215ab135c (patch) | |
tree | db83320230c4eacfdb678a135d920561290bfc49 | |
parent | 52d8a166deeb95bb06e08dcac729dea76bb6ade2 (diff) | |
parent | 9904abd7ebf1be7294d6a54f442845b5f4856bb4 (diff) |
Merge pull request #2907 from chmelevskij/chore/storybook-for-existing-components
chore: stories for BatteryLegend and StatusBar
-rw-r--r-- | src/components/quad-status/BatteryLegend.stories.js | 16 | ||||
-rw-r--r-- | src/components/status-bar/StatusBar.stories.js | 16 |
2 files changed, 32 insertions, 0 deletions
diff --git a/src/components/quad-status/BatteryLegend.stories.js b/src/components/quad-status/BatteryLegend.stories.js new file mode 100644 index 00000000..86920d53 --- /dev/null +++ b/src/components/quad-status/BatteryLegend.stories.js @@ -0,0 +1,16 @@ +import BatteryLegend from './BatteryLegend.vue'; + +// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export +export default { + title: 'Battery Legend', + component: BatteryLegend, +}; + +// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args +const Template = (_args, { argTypes }) => ({ + props: Object.keys(argTypes), + components: { BatteryLegend }, + template: '<battery-legend v-bind="$props" />', +}); + +export const Primary = Template.bind({}); diff --git a/src/components/status-bar/StatusBar.stories.js b/src/components/status-bar/StatusBar.stories.js new file mode 100644 index 00000000..d3341891 --- /dev/null +++ b/src/components/status-bar/StatusBar.stories.js @@ -0,0 +1,16 @@ +import StatusBar from "./StatusBar.vue"; + +// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export +export default { + title: "Status Bar", + component: StatusBar, +}; + +// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args +const Template = (_args, { argTypes }) => ({ + props: Object.keys(argTypes), + components: { StatusBar }, + template: '<status-bar v-bind="$props" />', +}); + +export const Primary = Template.bind({}); |