diff --git a/src/components/CvAccordion/CvAccordion.stories.mdx b/src/components/CvAccordion/CvAccordion.stories.mdx index bb49a4ec1..cec9004dc 100644 --- a/src/components/CvAccordion/CvAccordion.stories.mdx +++ b/src/components/CvAccordion/CvAccordion.stories.mdx @@ -13,6 +13,11 @@ const open = ref({ accItem3: false, accItem4: false, }); +const disabledItems = ref(new Set()) +function onToggleEpisode3(){ + if (disabledItems.value.has(3)) disabledItems.value.delete(3) + else disabledItems.value.add(3) +} @@ -24,19 +29,23 @@ export const Template = args => ({ align: alignConsts[alignConsts.$labels[args.align]], size: sizeConsts[sizeConsts.$labels[args.size]], onChange: action('change'), + disabledItems, + onToggleEpisode3, open, }; }, template: args.template, }); const template = ` - + -`; + +
+`; const Default = Template.bind({}); Default.args = {}; Default.parameters = storyParametersObject( diff --git a/src/components/CvAccordion/CvAccordionItem.vue b/src/components/CvAccordion/CvAccordionItem.vue index a595f4b59..133ec7697 100644 --- a/src/components/CvAccordion/CvAccordionItem.vue +++ b/src/components/CvAccordion/CvAccordionItem.vue @@ -15,7 +15,7 @@ >