UNPKG

carbon-components/html/tile/tile--expandable.html

Version:

1<!-- 
Copyright IBM Corp. 2016, 2018
3
This source code is licensed under the Apache-2.0 license found in the
LICENSE file in the root directory of this source tree.
6-->
7
8<div data-tile="expandable" class="bx--tile bx--tile--expandable" tabindex="0">
<button aria-label="expand menu" class="bx--tile__chevron">
    <svg width="12" height="7" viewBox="0 0 12 7">
      <path fill-rule="nonzero" d="M6.002 5.55L11.27 0l.726.685L6.003 7 0 .685.726 0z" />
    </svg>
</button>
<div class="bx--tile-content">
  <span data-tile-atf class="bx--tile-content__above-the-fold">
    <!-- Above the fold content here -->
  </span>
  <span class="bx--tile-content__below-the-fold">
    <!-- Rest of the content here -->
  </span>
</div>
22</div>

1	`<!--`
2	`Copyright IBM Corp. 2016, 2018`
3
4	`This source code is licensed under the Apache-2.0 license found in the`
5	`LICENSE file in the root directory of this source tree.`
6	`-->`
7
8	`<div data-tile="expandable" class="bx--tile bx--tile--expandable" tabindex="0">`
9	`<button aria-label="expand menu" class="bx--tile__chevron">`
10	`<svg width="12" height="7" viewBox="0 0 12 7">`
11	`<path fill-rule="nonzero" d="M6.002 5.55L11.27 0l.726.685L6.003 7 0 .685.726 0z" />`
12	`</svg>`
13	`</button>`
14	`<div class="bx--tile-content">`
15	`<span data-tile-atf class="bx--tile-content__above-the-fold">`
16	`<!-- Above the fold content here -->`
17	`</span>`
18	`<span class="bx--tile-content__below-the-fold">`
19	`<!-- Rest of the content here -->`
20	`</span>`
21	`</div>`
22	`</div>`