@vcl/vcl
Version:
The whole VCL in one package
45 lines (44 loc) • 1.5 kB
HTML
<div class="data-list item-selectability item-hover-highlight no-border scrollable y" style="max-height: 20em;">
<div class="data-list-body" role="listbox" aria-multiselectable="false">
<div class="data-list-item row" role="option" aria-selected="false">
<div>
<img class="responsive-image" src="https://picsum.photos/180/180">
</div>
<div class="m-2 flex">
<div class="row">
<div class="row center flex">
<h2 class="m-0">Kitty Cat</h2>
<span class="badge">Pet</span>
</div>
<div class="secondary-text-color align-right">
<i>September 2, 2024</i><br>
<span>Julia</span>
</div>
</div>
<div>
Idiosyncratic creature which makes miaow
</div>
</div>
</div>
<div class="data-list-item row" role="option" aria-selected="false">
<div>
<img class="responsive-image" src="https://picsum.photos/180/180">
</div>
<div class="m-2 flex">
<div class="row">
<div class="row center flex">
<h2 class="m-0">Kitty Cat</h2>
<span class="badge">Pet</span>
</div>
<div class="secondary-text-color align-right">
<i>September 2, 2024</i><br>
<span>Julia</span>
</div>
</div>
<div>
Idiosyncratic creature which makes miaow
</div>
</div>
</div>
</div>
</div>