Teaser

A component for displaying article teasers with optional image, title, content, and meta information. The teaser creates a structured layout with flex positioning and consistent spacing.

Usage

{{ include('dripyard_base:teaser', {
  attributes,
  title,
  href,
}, with_context = false) }}

Accessibility Considerations

  • Uses semantic <article> element for proper content structure
  • Title uses heading level 3 (<h3>) for appropriate content hierarchy
  • Link is properly associated with the title text
  • Meta information is semantically structured
  • Relies on the image-or-media component for proper image accessibility

Slots and Props

Props

  • title (required) - The teaser title text
  • href (required) - The link URL for the teaser

Slots

  • teaser_content (required) - Main content area
  • meta (optional) - Meta information area (author, date, etc.)