List Component Tokens
tokens_list_component_varsList the --bsi- CSS custom properties you can override to customize any Bootstrap Italia component, including semantic description, resolution chain, and resolved value. Override these safe variables instead of central design tokens.
Instructions
Lists the CSS custom properties (--bsi-) you can override in your own CSS to customize a Bootstrap Italia component, each with a semantic description, resolution chain (resolvedVia), and concrete resolved value (e.g. var(--bsi-spacing-m) → 24px). These --bsi- variables are always safe to override at runtime; the central Design Tokens they resolve through (--it-/$it-, visible in resolvedVia) are not meant to be overridden per-project, override the --bsi- variable itself instead.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| component | Yes | Component name or slug (e.g. "accordion", "Alert") |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| meta | Yes | ||
| total | Yes | ||
| tokens | Yes | ||
| summary | Yes | ||
| component | Yes |