unordered list docs

Unordered List

Getting Started

Stylistic bulleted list for article content. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

Install via NPM
npm install @bolt/components-unordered-list

Usage 

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

Schema

Name Type Value(s) Description Default
attributes object

A Drupal-style attributes object with extra attributes to append to this component.

 N/A
contentItems array
  • [items]:
    • Type: object

      A single list item object with either a text or contentItems key

    • Properties:
      • text

        Item text

        • Type: string
      • contentItems

        Items pass to @bolt/text.twig

        • Type: array

The content items

These are all of the items in the ordered list

 N/A

unordered list

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

unordered list theme variation

Theme: xlight

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

Theme: light

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

Theme: dark

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

Theme: xdark

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

unordered list contentItems nested

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

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