chip docs

Chip

Getting Started

Stylistic tags for displaying meta data. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

Install via NPM
npm install @bolt/components-chip

Usage 

{% include "@bolt-components-chip/chip.twig" with {
  text: "This is a chip",
  url: "#!",
} 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
text string

Chip Text.

 N/A
url string

Optional. When url is present, tag changes to a, otherwise tag would be span.

 N/A
tag string
  • a OR span

Html tag to be used. If a URL is provided, this will be ignored and a will be always be used.

 span

chip

This is a chip