Skip to content

Instantly share code, notes, and snippets.

@sadewole

sadewole/AccordionItem.vue

Created January 24, 2022 20:42
Show Gist options
  • Save sadewole/36bf0844049b8757f1bda55cd7b4db1f to your computer and use it in GitHub Desktop.
Save sadewole/36bf0844049b8757f1bda55cd7b4db1f to your computer and use it in GitHub Desktop.
Download ZIP
AccordionItem.vue - Template
Raw
AccordionItem.vue
<template>
<div class="accordionItem">
<button
@click="toggleContent"
class="accordionItem__header"
v-text="label"
/>
<div :class="['accordionItem__content', isExpanded && '-open']">
<div class="h-p-5">
<slot />
</div>
</div>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment