ETR Component Library

card: Search Result 

<div class="card card--hybrid md:flex items-center ">
    <div class="card-content__outer w-full border-b border-gray pb-6 mb-6">
        <div class="card-content">
            <div class="label font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider">Architecture</div>
            <a href="#" class="card-content__heading-link">
                <h2 class="heading font-bold text-xl md:text-2xl text-black leading-tight mt-3">The World’s Most Beautiful Libraries</h2>
                <h3 class="subheading font-normal text-gray-darkest text-base md:text-lg leading-tight mt-3">The Stadtbibliothek Stuttgart is the public library of the city of Stuttgart.</h3>
            </a>
            <p class="description text-gray-darkest text-sm md:text-base leading-normal mt-3">It is organized as a department of the city&#x27;s cultural office and comprises the central library, 17 city district libraries, and two bookmobiles. In 2013, it received the national award as Library of the Year.</p>
            <div class="mt-4">
                <ul class="comma-separated-list list-reset">
                    <li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Emily Dickinson</li>
                    <li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Walt Wiltman</li>
                    <li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Virginia Woolf</li>
                </ul>
            </div>
            <time class="date text-gray-dark text-base mt-4 block tracking-wide md:tracking-normal">  Last Updated  March 7, 2020</time>

        </div>
    </div>
</div>
 
<div class="card card--hybrid md:flex items-center ">
  <div class="card-content__outer w-full border-b border-gray pb-6 mb-6">
   {{> @card-content}}
  </div>
</div>
 
{
  "link": {
    "url": "#"
  },
  "image": {
    "source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80",
    "caption": {
      "caption": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
      "credit": "Getty Images"
    }
  },
  "label": "Architecture",
  "heading": "The World’s Most Beautiful Libraries",
  "subheading": "The Stadtbibliothek Stuttgart is the public library of the city of Stuttgart.",
  "description": "It is organized as a department of the city's cultural office and comprises the central library, 17 city district libraries, and two bookmobiles. In 2013, it received the national award as Library of the Year.",
  "author": [
    "Emily Dickinson",
    "Walt Wiltman",
    "Virginia Woolf"
  ],
  "date": {
    "month": "March",
    "day": "7",
    "year": "2020",
    "lastUpdated": true
  },
  "modifier": "search-result"
}

There are no notes for this item.