Skip to content

CSS

Elements

Section titled “Elements”

Card

Section titled “Card”
<div class="tng-model-card">
  <button class="tng-model-card-trigger">
    <img alt="Toyota Prius" src="/_astro/prius.B6m1c0f0.png" />
    <div>
      <span class="tng-label is-blue">
        <i
          class="tng-icon icon-hybrid-electric-car-hev"
          aria-hidden="true"
        ></i>
        <span>Hybrid</span>
      </span>
      <div class="tng-text-body">Model Name</div>
    </div>
  </button>
</div>
Open in playground

Card Item

Section titled “Card Item”
<div class="tng-model-card">
  <button class="tng-model-card-item">
    <div class="tng-label is-blue">
      <i class="tng-icon icon-plug" aria-hidden="true"></i>
      Electric
    </div>
  </button>
</div>
Open in playground

Recipe

Section titled “Recipe”
source code