<% for (let i = 0; i < 3; i++) { let id = 'collapsed-' + i; let button = { label:'Toggle', classes: [prefix + '-mb-2v'], attributes: { 'aria-expanded':i === 0 ? 'true' : 'false', 'aria-controls': id } } let nested = { label:'Toggle nested', classes: [prefix + '-mb-2v'], attributes: { 'aria-expanded':'false', 'aria-controls': id + '-nested' } } let close = { label:'Close', classes: [prefix + '-mb-2v'], attributes: { 'aria-controls': id } } %>

<%- include('../../../../component/button/template/ejs/button.ejs', {button: button}); %>

list item
<%- include('../../../../component/button/template/ejs/button.ejs', {button: nested}); %>
- list nested item
<%- include('../../../../component/button/template/ejs/button.ejs', {button: close}); %>

<% }%>