Bolt Design System

Twig Usage

{% include '@bolt-components-ol/ol.twig' with {
  items: [
    'Do not include any data or information in your posts that are confidential!',
    'Apply basic practices for collaborative work.',
    'Be honest, respectful, trustworthy and helpful.',
    'Answer questions authoritatively and concisely. Avoid cluttering discussions with noise.'
  ]
} only %}

Schema

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

Ordered List

Prop Name	Description	Type	Default Value	Option(s)
attributes	A Drupal-style attributes object with extra attributes to append to this component.	`object`	—	—
contentItems (deprecated)	Use the items prop instead.	`array`	—	See below
items *	All items can be simple text or `items`.	`array`	—	[items]: Type:`string, object, array` Renderable content (i.e. a string, render array, or included pattern) for a single list item.

Ordered List: items

Prop Name	Description	Type	Default Value	Option(s)
text		`string`	—	—
contentItems	Passes to `@bolt-components-text/text.twig`	`object`	—	—

Install

npm install @bolt/components-ol

Dependencies

@bolt/components-li

@bolt/core

@bolt/lazy-queue

Ol

Vertical list of numbered items.