Overview
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
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) |
|---|---|---|---|---|
|
|
A Drupal-style attributes object with extra attributes to append to this component. |
object
| — |
|
|
|
Chip Text. |
string
| — |
|
|
|
Optional. When url is present, tag changes to |
string
| — |
|
|
|
Html tag to be used. If a URL is provided, this will be ignored and |
string
|
span
|
|