Bolt Design System

Twig Usage

{% include '@bolt-components-ul/ul.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

Unordered 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.

Unordered List: items

Prop Name	Description	Type	Default Value	Option(s)
text	Item text	`string`	—	—
contentItems	Items pass to `@bolt/text.twig`	`array`	—	—

Install

npm install @bolt/components-ul

Dependencies

@bolt/components-li

@bolt/core-v3.x

@bolt/lazy-queue

Ul

Vertical list of bulleted items.