Talke Component Library

Teaser Intro: Default 

<div class="mx-auto text-center max-w-teaser-intro
  text-talke-blue
  
">
    <h1 class="mb-3 text-xl font-talke-semibold">
        Quis speciosus
    </h1>
    <h2 class="mb-3 text-2xl uppercase font-talke-semibold">
        Acceptus averto arguo nihil
    </h2>
    <p class="text-sm font-talke-regular text-talke-text-gray">
        Velut somnus bonus sum campana chirographum aduro cui tempore tunc velum sodalitas talio coma titulus decumbo credo despecto creptio ceno.
    </p>
</div>
 
<div class="mx-auto text-center max-w-teaser-intro
  {{#ifCond color '==' 'blue'}}text-talke-blue{{/ifCond}}
  {{#ifCond color '==' 'white'}}text-white{{/ifCond}}
">
  {{#if headlineSmall}}
  <h1 class="mb-3 text-xl font-talke-semibold">
    {{headlineSmall}}
  </h1>
  {{/if}}
  {{#if headlineLarge}}
  <h2 class="mb-3 text-2xl uppercase font-talke-semibold">
    {{headlineLarge}}
  </h2>
  {{/if}}
  {{#if bodyText}}
  <p class="text-sm font-talke-regular text-talke-text-gray">
    {{bodyText}}
  </p>
  {{/if}}
</div>
 
{
  "id": "c468",
  "headlineSmall": "Quis speciosus",
  "headlineLarge": "Acceptus averto arguo nihil",
  "bodyText": "Velut somnus bonus sum campana chirographum aduro cui tempore tunc velum sodalitas talio coma titulus decumbo credo despecto creptio ceno.",
  "color": "blue"
}

No notes defined.