GL Hero CTA Markdown

GL Hero CTA

Source: https://dripyard.com/docs/greatlakes/components/gl-hero/gl-hero-cta

Theme: greatlakes

A call-to-action button component designed specifically for use within the GL Hero component. Features responsive layout, hover effects, and proper focus management.

Usage

{{ include('greatlakes:gl-hero-cta', {
  text: 'Get Started',
  href: 'https://example.com'
}, with_context = false) }}

Props

Property Type Required Description
text string Yes CTA button text displayed to users
href string Yes Link destination URL (supports both absolute and relative URLs)

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