UNPKG

carbon-components/html/tile/tile--selectable.html

Version:

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<label for="tile-id" aria-label="tile" class="bx--tile bx--tile--selectable" data-tile="selectable" tabindex="0">
9    <input tabindex="-1" data-tile-input id="tile-id" class="bx--tile-input" value="tile" type="checkbox" name="tiles" title="tile" />
10  <div class="bx--tile__checkmark">
11      <svg width="16" height="16" viewBox="0 0 16 16">
12        <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.646-10.854L6.75 10.043 4.354 7.646l-.708.708 3.104 3.103 5.604-5.603-.708-.708z"
13          fill-rule="evenodd" />
14      </svg>
15  </div>
16  <div class="bx--tile-content">
17    <!-- Tile content here -->
18  </div>
19</label>

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	`<label for="tile-id" aria-label="tile" class="bx--tile bx--tile--selectable" data-tile="selectable" tabindex="0">`
9	`<input tabindex="-1" data-tile-input id="tile-id" class="bx--tile-input" value="tile" type="checkbox" name="tiles" title="tile" />`
10	`<div class="bx--tile__checkmark">`
11	`<svg width="16" height="16" viewBox="0 0 16 16">`
12	`<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.646-10.854L6.75 10.043 4.354 7.646l-.708.708 3.104 3.103 5.604-5.603-.708-.708z"`
13	`fill-rule="evenodd" />`
14	`</svg>`
15	`</div>`
16	`<div class="bx--tile-content">`
17	`<!-- Tile content here -->`
18	`</div>`
19	`</label>`