@vcl/vcl
Version:
The whole VCL in one package
42 lines (38 loc) • 1.35 kB
HTML
<link href="https://cdn.jsdelivr.net/npm/@mdi/font/css/materialdesignicons.min.css" rel="stylesheet">
<div class="button-group row justify-between">
<button type="button" class="button flex">
<div class="icogram">
<span class="text">One</span>
</div>
</button>
<button type="button" class="button selected flex">
<div class="icogram">
<div class="icon mdi mdi-check" aria-hidden="true" role="img"></div> <!-- Replaced Font Awesome fa-check with MDI mdi-check -->
<span class="text">Two</span>
</div>
</button>
<button type="button" class="button flex">
<div class="icogram">
<span class="text">Three</span>
</div>
</button>
</div>
<br><br>
<div class="button-group row justify-between">
<button type="button" class="button transparent outline flex">
<div class="icogram">
<span class="text">One</span>
</div>
</button>
<button type="button" class="button transparent outline selected flex">
<div class="icogram">
<div class="icon mdi mdi-check" aria-hidden="true" role="img"></div> <!-- Replaced Font Awesome fa-check with MDI mdi-check -->
<span class="text">Two</span>
</div>
</button>
<button type="button" class="button transparent outline flex">
<div class="icogram">
<span class="text">Three</span>
</div>
</button>
</div>