@gitlab/ui/src/components/regions/dashboard_skeleton/dashboard_skeleton.stories.js

GitLab UI Components

import GlDashboardSkeleton from './dashboard_skeleton.vue';
import readme from './dashboard_skeleton.md';

const defaultValue = (prop) => GlDashboardSkeleton.props[prop].default;

const generateProps = ({ cards = defaultValue('cards') } = {}) => ({
  cards,
});

const Template = (args, { argTypes }) => ({
  components: { GlDashboardSkeleton },
  props: Object.keys(argTypes),
  template: '<gl-dashboard-skeleton :cards="cards" />',
});

export const Default = Template.bind({});
Default.args = generateProps();

export default {
  title: 'regions/dashboard-skeleton',
  component: GlDashboardSkeleton,
  parameters: {
    docs: {
      description: {
        component: readme,
      },
    },
  },
};