@vpaulo/vp-accordion
Version:
Accordion component
30 lines (28 loc) • 1.69 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Accordion</title>
</head>
<body>
<vp-accordion>
<vp-panel summary="something one" open>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem eligendi itaque aut ea reprehenderit optio hic voluptates impedit, placeat vitae dolor qui sapiente eos, numquam maiores repudiandae inventore dolores ut?</p>
</vp-panel>
<vp-panel summary="something two">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem eligendi itaque aut ea reprehenderit optio hic voluptates impedit, placeat vitae dolor qui sapiente eos, numquam maiores repudiandae inventore dolores ut?</p>
</vp-panel>
</vp-accordion>
<vp-accordion multiple>
<vp-panel summary="something three" open>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem eligendi itaque aut ea reprehenderit optio hic voluptates impedit, placeat vitae dolor qui sapiente eos, numquam maiores repudiandae inventore dolores ut?</p>
</vp-panel>
<vp-panel summary="something four">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem eligendi itaque aut ea reprehenderit optio hic voluptates impedit, placeat vitae dolor qui sapiente eos, numquam maiores repudiandae inventore dolores ut?</p>
</vp-panel>
</vp-accordion>
<script type="module" src="../dist/vp-accordion.js"></script>
<script type="module" src="../../panel/dist/vp-panel.js"></script>
</body>
</html>