Serb component example

html.serb

{%@ Shared::Card::Card as: :article do %} 
  {%@ Shared::Card::Title as: :h2, href: article.relative_url do %} 
    {{article.data.title}}
  {% end %} 
  {%@ Shared::Card::Eyebrow as: :time, dateTime: article.data.date, decorate: true do %} 
    {{article.data.date}} 
  {% end %} 
  {%@ Shared::Card::Description do %}
    {{article.data.description}} 
  {% end %} 
  {%@ Shared::Card::Cta do %}Read article{% end %} 
{% end %}