Bolt Design System

Twig Usage

{% include '@bolt-components-blockquote/blockquote.twig' with {
  content: 'This is a blockquote component.'
} only %}

Schema

Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.

Prop Name	Description	Type	Default Value	Option(s)
attributes	A Drupal attributes object. Applies extra HTML attributes.	`object`	—	—
content	The main blockquote content.	`any`	—	—
size	Text size.	`string`	`large`	`medium`, `large`, `xlarge`
weight	Text weight.	`string`	`semibold`	`semibold` or `bold`
align_items	Aligns items left, center, or right.	`string`	`start`	`start`, `center`, `end`
border	Add a border.	`string`	`vertical`	`vertical`, `horizontal`, `none`
indent	Indent text.	`boolean`	`false`	—
no_quotes	Hide quotation marks.	`boolean`	`false`	—
logo	Add a logo.	`object`	—	`content` Display a logo. Image element is expected here. — `position` Position of the logo. `top` or `bottom`
author	Author of the quote.	`object`	—	`name` Author's name. — `title` Author's title. — `content` Display an author photo. Image element is expected here. — `image` Display an author photo. Image element is expected here. —

Install

npm install @bolt/components-blockquote

Dependencies

@bolt/core

Blockquote