Teaser

Source: https://dripyard.com/docs/dripyard-base/components/teaser

Theme: dripyard-base

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 `` element for proper content structure
Title uses heading level 3 (``) 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.)

We're working hard on themes for your next Drupal site. 🚀

We're working hard on themes for your next Drupal site. Join our email list to keep updated! 🚀

✅ Sweet! We'll be sending you a confirmation email. Be on the lookout for emails from [email protected]!

😭 Ahh! Something's not working right. Email us at [email protected], and we'll get you on the list.

Column Layout Helper

This is the column layout helper, which you can use to configure

Vertical and horizontal spacing
Vertical and horizontal alignment
Spacing between components
Enable stickyness

This helper will not be visible unless editing this page.

Current values:

Padding top	Not set
Padding bottom	Not set
Horizontal alignment	Not set
Vertical alignment	Not set
Gutter	medium
Stickyness	Enabled
Hide mobile	Not set
Hide desktop	Not set

Teaser Markdown