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 focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></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>
20</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 focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6l.7-.7L8 9.6l4.3-4.3.7.7z"></path></svg>`
11	`</button>`
12	`<div class="bx--tile-content">`
13	`<span data-tile-atf class="bx--tile-content__above-the-fold">`
14	`<!-- Above the fold content here -->`
15	`</span>`
16	`<span class="bx--tile-content__below-the-fold">`
17	`<!-- Rest of the content here -->`
18	`</span>`
19	`</div>`
20	`</div>`