---
tag: h2
size: 2xl
weight: font-medium
text_color: text-inherit
text_align: text-left
---
<{{ view:tag }} class="{{ [
    'font-display',
    view:weight,
    'text-5xl lg:text-6xl' => view:size == '3xl',
    'text-4xl lg:text-5xl' => view:size == '2xl',
    'text-3xl lg:text-4xl' => view:size == 'xl',
    'text-2xl lg:text-3xl' => view:size == 'lg',
    'text-xl lg:text-2xl' => view:size == 'md',
    'text-lg lg:text-xl' => view:size == 'sm',
    text_color,
    text_align,
    classes
] | classes | collapse_whitespace }}">
    {{ slot ?? title }}
</{{ view:tag }}>
