Components: Tile #5
Mon Jul 31 2023 18:47:36 GMT+0000 (Coordinated Universal Time)
Saved by
[deleted user]
<div class="wlt-link-tile wlt-tile hoverable" tabindex="0">
<div class="tile-header">
<img
loading="lazy"
src="http://picsum.photos/seed/focus/480/270"
alt="a bird flying over water"
/>
</div>
<div class="tile-body medium">
<h4 class="tile-heading ellipsis">
Link Tile and Some More to Overflow the Tile
</h4>
<p class="tile-description">
Use the <code>.wlt-link-tile</code> class along with
<code>.wlt-tile</code> to clamp the description to 3 lines. Add
<code>.ellipsis</code> to <code>.tile-header</code> to restrict it
to a single line.
</p>
<a href="#" class="tile-link">Open »</a>
</div>
</div>
content_copyCOPY
Comments