Components

<ui-card>

Learn how we helped a client transform their web platform with a modern, scalable solution.

Web Development

<template is="ui-card" href="string" image="object" text="string" tag="string">
  <div class="ui-card">
    <div class="ui-card-content">
      <div class="ui-card-media">
        <a if="props.href" href="{{props.href |> esc}}" class="ui-card-href">
          <img
            if="props.image?.asset?.url"
            src="{{props.image.asset.url |> esc}}"
            class="ui-card-image"
          />
        </a>
      </div>
      <div class="ui-card-body">
        <div if="props.text" class="ui-card-text">{{props.text}}</div>
        <div if="props.tag" class="ui-card-tag">{{props.tag |> esc}}</div>
      </div>
    </div>
  </div>
</template>