@shopware-ag/meteor-component-library/src/components/feedback-indicator/mt-skeleton-bar/mt-skeleton-bar.stories.ts

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

import MtSkeletonBar from "./mt-skeleton-bar.vue";
import type { StoryObj } from "@storybook/vue3";
import type { SlottedMeta } from "@/_internal/story-helper";

export type MtSkeletonBarMeta = SlottedMeta<typeof MtSkeletonBar, "default">;

export default {
  title: "Components/mt-skeleton-bar",
  component: MtSkeletonBar,
  render: (args) => ({
    components: { MtSkeletonBar },
    template: `
          <div style="width: 500px; margin-top: 50px; margin-left: 50px;">
            <mt-skeleton-bar v-bind="args"></mt-skeleton-bar>
          </div>
        `,
    setup: () => {
      return {
        args,
      };
    },
  }),
} as MtSkeletonBarMeta;

export type MtSkeletonBarStory = StoryObj<MtSkeletonBarMeta>;

export const Default: MtSkeletonBarStory = {};