74 lines
3.1 KiB
HTML
74 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Vite + Lit + TS</title>
|
|
<!-- the props -->
|
|
<link rel="stylesheet" href="https://unpkg.com/open-props" />
|
|
|
|
<!-- optional imports that use the props -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://unpkg.com/open-props/normalize.min.css"
|
|
/>
|
|
<script type="module" src="/src/lib/accordion.component.ts"></script>
|
|
<script type="module" src="/src/lib/accordion-group.component.ts"></script>
|
|
</head>
|
|
<body>
|
|
<z-accordion
|
|
accordion-title="This is lorem ipsum."
|
|
icon-type="plus-to-cross"
|
|
>
|
|
Mollit eu excepteur ex ea magna id nostrud duis aliqua cillum aute. Minim
|
|
cupidatat cillum aute esse ea culpa proident enim consectetur in ullamco
|
|
mollit labore id. Ipsum adipisicing esse ex irure ut nostrud adipisicing
|
|
velit nulla ullamco dolor consequat. Occaecat sint veniam quis aliquip.
|
|
Aliquip elit commodo labore sit non nostrud dolore aute officia sint
|
|
cillum ullamco veniam dolore. Et tempor aliquip elit amet adipisicing
|
|
esse.
|
|
</z-accordion>
|
|
<hr />
|
|
<z-accordion>
|
|
<h3 slot="header">This is lorem ipsum from a slot.</h3>
|
|
|
|
Mollit eu excepteur ex ea magna id nostrud duis aliqua cillum aute. Minim
|
|
cupidatat cillum aute esse ea culpa proident enim consectetur in ullamco
|
|
mollit labore id. Ipsum adipisicing esse ex irure ut nostrud adipisicing
|
|
velit nulla ullamco dolor consequat. Occaecat sint veniam quis aliquip.
|
|
Aliquip elit commodo labore sit non nostrud dolore aute officia sint
|
|
cillum ullamco veniam dolore. Et tempor aliquip elit amet adipisicing
|
|
esse.
|
|
</z-accordion>
|
|
|
|
<hr />
|
|
<z-accordion.group>
|
|
<z-accordion
|
|
accordion-title="This is lorem ipsum."
|
|
icon-type="plus-to-cross"
|
|
>
|
|
Mollit eu excepteur ex ea magna id nostrud duis aliqua cillum aute.
|
|
Minim cupidatat cillum aute esse ea culpa proident enim consectetur in
|
|
ullamco mollit labore id. Ipsum adipisicing esse ex irure ut nostrud
|
|
adipisicing velit nulla ullamco dolor consequat. Occaecat sint veniam
|
|
quis aliquip. Aliquip elit commodo labore sit non nostrud dolore aute
|
|
officia sint cillum ullamco veniam dolore. Et tempor aliquip elit amet
|
|
adipisicing esse.
|
|
</z-accordion>
|
|
<hr />
|
|
<z-accordion>
|
|
<h3 slot="header">This is lorem ipsum from a slot.</h3>
|
|
|
|
Mollit eu excepteur ex ea magna id nostrud duis aliqua cillum aute.
|
|
Minim cupidatat cillum aute esse ea culpa proident enim consectetur in
|
|
ullamco mollit labore id. Ipsum adipisicing esse ex irure ut nostrud
|
|
adipisicing velit nulla ullamco dolor consequat. Occaecat sint veniam
|
|
quis aliquip. Aliquip elit commodo labore sit non nostrud dolore aute
|
|
officia sint cillum ullamco veniam dolore. Et tempor aliquip elit amet
|
|
adipisicing esse.
|
|
</z-accordion>
|
|
</z-accordion.group>
|
|
</body>
|
|
</html>
|