Get started Registry

Component

Swatch

Colour swatches with the filament list row, including the hatched unknown swatch.

Preview

  • PLA — amber212 g
  • PETG — mint88 g
  • Unknown—

Code

<span class="swatch" style="--swatch:#e8b04b"></span>

<ul class="filaments">
  <li><span class="swatch" style="--swatch:#5ddba0"></span>
      <span class="fil-type">PETG — mint</span>
      <span class="fil-amount">88 g</span></li>
  <li><span class="swatch unknown"></span>
      <span class="fil-type">Unknown</span>
      <span class="fil-amount">—</span></li>
</ul>