atst/templates/components/accordion.html
2019-11-25 13:12:34 -05:00

36 lines
887 B
HTML

{% macro Accordion(title, id) %}
<accordion inline-template>
<li>
<template v-if="isVisible">
<button
v-on:click="toggle($event)"
class="usa-accordion-button"
aria-controls="{{ id }}"
aria-expanded="true"
>
{{ title }}
</button>
</template>
<template v-else>
<button
v-on:click="toggle($event)"
class="usa-accordion-button"
aria-expanded="false"
aria-controls="{{ id }}"
>
{{ title }}
</button>
</template>
<template v-if="isVisible">
<div id="{{ id }}" class="usa-accordion-content" aria-hidden="false">
{{ caller() }}
</div>
</template>
<template v-else>
<div id="{{ id }}" class="usa-accordion-content" aria-hidden="true">
{{ caller() }}
</div>
</template>
</li>
</accordion>
{% endmacro %}