patternfly-elements/elements/pf-accordion/demo/content-attributes.html at 1377f146b430163b11ddf058d9b5e655653d0059 · patternfly/patternfly-elements · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<article>
  <pf-accordion>
    <pf-accordion-header heading-text="Level One - Item One, H1 Tag" heading-tag="h1">
    </pf-accordion-header>
    <pf-accordion-panel>
      <p>Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices,
        faucibus erat id, maximus nunc.</p>
    </pf-accordion-panel>
    <pf-accordion-header heading-text="Level One - Item 2, H2 tag" heading-tag="h2">
    </pf-accordion-header>
    <pf-accordion-panel>
      <p>Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.</p>
    </pf-accordion-panel>
    <pf-accordion-header heading-text="Level One - Item 3, No passed in tag (defaults to h3)">
    </pf-accordion-header>
    <pf-accordion-panel>
      <p>Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.</p>
    </pf-accordion-panel>
    <pf-accordion-header>
      <h3>Level One - Item 4, Slotted (no shadow header)</h3>
    </pf-accordion-header>
    <pf-accordion-panel>
      <p>Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.</p>
    </pf-accordion-panel>
  </pf-accordion>
</article>

<script type="module">
  import '@patternfly/elements/pf-accordion/pf-accordion.js';
</script>

<style>
article {
  margin-inline: 4em;
}
</style>