Bolt Design System

Twig Usage

  {% include "@bolt-components-teaser/teaser.twig" with {
  content: "Body text. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
  buttons: [
    {
      pattern: "button",
      style: "primary",
      text: "CTA 1"
    },
    {
      pattern: "button",
      style: "secondary",
      text: "CTA 2"
    }
  ]
} only %}

Schema

Prop Name	Description	Type	Default Value	Option(s)
eyebrow	Eyebrow text component	`object`	—	Refer to the Headline Component Schema for options
headlines	An array of headline component objects	`array`	—	[items]: Type:`object` Headline text components
logo	Bolt logo component	`object`	—	Refer to the Logo Component Schema for options
content	Body text of teaser	`string`	—	—
contentItems	Array of content item objects	`array`	—	[items]: Type:`object`
buttons	An array of button component objects	`array`	—	[items]: Type:`object` A button

Install

  npm install @bolt/components-teaser

Dependencies

@bolt/components-headline

@bolt/components-logo

@bolt/core-v3.x

Teaser

Text lockup for teasing larger content.