@dcrackel/meyersquaredui
Version:
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
38 lines (34 loc) • 1.17 kB
JavaScript
import Tableau from './Tableau.vue';
//import getDEWithBouts from '../../../mocks/getDEWithBouts.js';
//import getDEWithBouts from '../../../mocks/getDEWithBouts8.js';
import getDEWithBouts from '../../../mocks/getDEWithBouts16.js';
//import getDEWithBouts from '../../../mocks/getDEWithBouts2.js';
export default {
title: 'Organisms/Tableau',
component: Tableau,
args: {
bouts: getDEWithBouts.pools[0].Bouts,
bracketSize: getDEWithBouts.pools[0].Bouts[0].RoundLabel,
hostingClubColors: getDEWithBouts.hostingClubColors
},
argTypes: {
bouts: {
control: 'array',
description: 'Array of bracket objects to display',
},
bracketSize: {
control: 'string',
description: 'sets spacing for bracket connector lines',
},
hostingClubColors: {
control: 'object'
}
}
};
export const Default = {
args: {
bouts: getDEWithBouts.pools[0].Bouts,
bracketSize: getDEWithBouts.pools[0].Bouts[0].RoundLabel,
hostingClubColors: getDEWithBouts.hostingClubColors,
}
};