UCLA Web Components

Tile 

<div class="tile">
    <a class="tile__link" href="https://ucla.edu">
        Basic tile, 32 char. max suggested
        <img class="tile__image" src="../../img/examples/tile-example-1.jpg" alt="Royce Hall">
    </a>
</div>

<div class="tile short">
    <a class="tile__link" href="https://ucla.edu">
        Basic tile, 32 char. max suggested
        <img class="tile__image" src="../../img/examples/tile-example-1.jpg" alt="Royce Hall">
    </a>
</div>

<div class="tile">
    <a class="tile__link" href="https://ucla.edu">
        Basic tile, 32 char. max suggested
    </a>
</div>

<div class="tile short">
    <a class="tile__link" href="https://ucla.edu">
        Basic tile, 32 char. max suggested
    </a>
</div>
 
<div class="tile">
  <a class="tile__link" href="https://ucla.edu">
    {{ title }}
    <img class="tile__image" src="{{path '/img/examples/tile-example-1.jpg'}}" alt="Royce Hall">
  </a>
</div>

<div class="tile short">
  <a class="tile__link" href="https://ucla.edu">
    {{ title }}
    <img class="tile__image" src="{{path '/img/examples/tile-example-1.jpg'}}" alt="Royce Hall">
  </a>
</div>

<div class="tile">
  <a class="tile__link" href="https://ucla.edu">
    {{ title }}
  </a>
</div>

<div class="tile short">
  <a class="tile__link" href="https://ucla.edu">
    {{ title }}
  </a>
</div>
 
{
  "title": "Basic tile, 32 char. max suggested"
}

No notes defined.