Class index
Every documented class, generated from the shipped CSS at build time
(283 classes) — the reverse lookup for "what is
.bo-toolbar--sticky in this diff?". Behavioral state uses
data-* and ARIA attributes, not classes; those live on each
component's API table.
| Class | Documented on |
|---|---|
| .bo-alert | components/alerts |
| .bo-alert__dismiss | components/alerts |
| .bo-alert__title | components/alerts |
| .bo-alert--danger | components/alerts |
| .bo-alert--elevated | components/alerts |
| .bo-alert--success | components/alerts |
| .bo-alert--warning | components/alerts |
| .bo-amount | components/amount |
| .bo-amount__currency | components/amount |
| .bo-amount__fraction | components/amount |
| .bo-amount__unit | components/amount |
| .bo-amount__value | components/amount |
| .bo-amount--block | components/amount |
| .bo-amount--muted | components/amount |
| .bo-amount--negative | components/amount |
| .bo-amount--positive | components/amount |
| .bo-amount--strong | components/amount |
| .bo-app-shell | base/primitives |
| .bo-app-shell__header | base/primitives |
| .bo-app-shell__main | base/primitives |
| .bo-app-shell__sidebar | base/primitives |
| .bo-audit | components/approval-workflow |
| .bo-audit__actor | components/approval-workflow |
| .bo-audit__detail | components/approval-workflow |
| .bo-audit__entry | components/approval-workflow |
| .bo-audit__time | components/approval-workflow |
| .bo-audit--discussion | components/approval-workflow |
| .bo-avatar | components/avatar |
| .bo-avatar-stack | components/avatar |
| .bo-badge | components/badge |
| .bo-badge--accent | components/badge |
| .bo-badge--danger | components/badge |
| .bo-badge--success | components/badge |
| .bo-badge--type | components/badge |
| .bo-badge--warning | components/badge |
| .bo-breadcrumb | components/breadcrumb |
| .bo-btn | components/button |
| .bo-btn--danger | components/button |
| .bo-btn--danger-ghost | components/button |
| .bo-btn--ghost | components/button |
| .bo-btn--icon | components/button |
| .bo-btn--secondary | components/button |
| .bo-btn--sm | components/button |
| .bo-btn-group | components/button |
| .bo-btn-group--bar | components/button |
| .bo-byline | components/byline |
| .bo-byline__avatar | components/byline |
| .bo-byline--compact | components/byline |
| .bo-calendar | components/calendar |
| .bo-calendar__day | components/calendar |
| .bo-calendar__day--outside | components/calendar |
| .bo-calendar__month | components/calendar |
| .bo-checkbox | components/form |
| .bo-chip | components/filters |
| .bo-chip__remove | components/filters |
| .bo-chip--active | components/filters |
| .bo-choice | components/form |
| .bo-cluster | base/primitives |
| .bo-cluster--end | base/primitives |
| .bo-cluster--split | base/primitives |
| .bo-combobox | components/combobox |
| .bo-combobox__group | components/combobox |
| .bo-combobox__listbox | components/combobox |
| .bo-combobox__option | components/combobox |
| .bo-combobox__option-code | components/combobox |
| .bo-combobox__option-label | components/combobox |
| .bo-combobox__option-meta | components/combobox |
| .bo-composer | components/approval-workflow |
| .bo-composer__actions | components/approval-workflow |
| .bo-composer__body | components/approval-workflow |
| .bo-data-table | components/data-table |
| .bo-data-table__bulk-actions | components/data-table |
| .bo-data-table__cell-link | components/data-table |
| .bo-data-table__col--center | components/data-table |
| .bo-data-table__col--code | components/data-table |
| .bo-data-table__col--left | components/data-table |
| .bo-data-table__col--numeric | components/data-table |
| .bo-data-table__col--right | components/data-table |
| .bo-data-table__col--secondary | components/data-table |
| .bo-data-table__col--tertiary | components/data-table |
| .bo-data-table__footer | components/data-table |
| .bo-data-table__row-edit-actions | components/data-table |
| .bo-data-table__row-select | components/data-table |
| .bo-data-table__select-all | components/data-table |
| .bo-data-table__selection-count | components/data-table |
| .bo-data-table__sort-btn | components/data-table |
| .bo-data-table__spacer | components/data-table |
| .bo-data-table__toolbar | components/data-table |
| .bo-data-table--sticky-col | components/data-table |
| .bo-data-table--striped | components/data-table |
| .bo-data-table-container | components/data-table |
| .bo-date | components/date |
| .bo-date__relative | components/date |
| .bo-date__value | components/date |
| .bo-date--overdue | components/date |
| .bo-dialog | components/dialog |
| .bo-dialog__body | components/dialog |
| .bo-dialog__footer | components/dialog |
| .bo-dialog__header | components/dialog |
| .bo-dialog__title | components/dialog |
| .bo-dialog--wide | components/dialog |
| .bo-dropdown__item | components/dropdown |
| .bo-dropdown__item--danger | components/dropdown |
| .bo-dropdown__menu | components/dropdown |
| .bo-dropdown__menu--end | components/dropdown |
| .bo-dropdown__separator | components/dropdown |
| .bo-file-dropzone | components/file-upload |
| .bo-file-dropzone__hint | components/file-upload |
| .bo-file-input | components/file-upload |
| .bo-file-list | components/file-upload |
| .bo-file-list__item | components/file-upload |
| .bo-file-list__name | components/file-upload |
| .bo-file-list__size | components/file-upload |
| .bo-filter-bar | components/filters |
| .bo-form-actions | components/form |
| .bo-form-field | components/data-table |
| .bo-form-field__hint | components/form |
| .bo-form-field__label | components/form |
| .bo-form-field__message | components/data-table |
| .bo-form-field--required | components/form |
| .bo-form-row | components/form |
| .bo-form-section | components/form |
| .bo-form-section__legend | components/form |
| .bo-form-section--label-start | components/form |
| .bo-grid | base/primitives |
| .bo-icon | components/icon |
| .bo-icon--align-center | components/icon |
| .bo-icon--align-left | components/icon |
| .bo-icon--align-right | components/icon |
| .bo-icon--barcode | components/icon |
| .bo-icon--box | components/icon |
| .bo-icon--building | components/icon |
| .bo-icon--cart | components/icon |
| .bo-icon--chart | components/icon |
| .bo-icon--check-circle | components/icon |
| .bo-icon--clear-format | components/icon |
| .bo-icon--close | components/icon |
| .bo-icon--doc | components/icon |
| .bo-icon--format | components/icon |
| .bo-icon--grid | components/icon |
| .bo-icon--indent | components/icon |
| .bo-icon--invoice | components/icon |
| .bo-icon--keyboard | components/icon |
| .bo-icon--link | components/icon |
| .bo-icon--list-bullet | components/icon |
| .bo-icon--list-numbered | components/icon |
| .bo-icon--outdent | components/icon |
| .bo-icon--quote | components/icon |
| .bo-icon--save | components/icon |
| .bo-icon--settings | components/icon |
| .bo-icon--truck | components/icon |
| .bo-icon--user | components/icon |
| .bo-input | components/combobox |
| .bo-input--code | components/form |
| .bo-input--numeric | components/form |
| .bo-input--seamless | components/form |
| .bo-kbd | components/kbd |
| .bo-kv | components/kv |
| .bo-kv--rows | components/kv |
| .bo-money | components/money |
| .bo-money__amount | components/money |
| .bo-money__currency | components/money |
| .bo-motion-collapse | base/motion |
| .bo-motion-fade-in | base/motion |
| .bo-motion-fade-out | base/motion |
| .bo-motion-pulse-once | base/motion |
| .bo-motion-scale-in | base/motion |
| .bo-motion-slide-in-block-start | base/motion |
| .bo-motion-slide-in-inline-start | base/motion |
| .bo-motion-spin | base/motion |
| .bo-navbar | components/navbar |
| .bo-navbar__brand | components/navbar |
| .bo-navbar__spacer | components/navbar |
| .bo-offcanvas | components/offcanvas |
| .bo-offcanvas__header | components/offcanvas |
| .bo-offcanvas--end | components/offcanvas |
| .bo-ordered-list | components/ordered-list |
| .bo-ordered-list__actions | components/ordered-list |
| .bo-ordered-list--plain | components/ordered-list |
| .bo-pagination | components/pagination |
| .bo-pagination__btn | components/pagination |
| .bo-pagination__info | components/pagination |
| .bo-print-report | base/utilities |
| .bo-progress | components/progress |
| .bo-progress--danger | components/progress |
| .bo-progress--warning | components/progress |
| .bo-prose | components/prose |
| .bo-quantity | components/quantity |
| .bo-quantity__input | components/form |
| .bo-quantity__step | components/quantity |
| .bo-quantity__unit | components/quantity |
| .bo-quantity__unit-select | components/quantity |
| .bo-radio | components/form |
| .bo-richtext | components/form |
| .bo-richtext__content | components/richtext |
| .bo-richtext__divider | components/richtext |
| .bo-richtext__group | components/richtext |
| .bo-richtext__toolbar | components/richtext |
| .bo-richtext__toolbar-collapse | components/richtext |
| .bo-richtext__toolbar-toggle | components/richtext |
| .bo-richtext--disabled | components/richtext |
| .bo-richtext--readonly | components/richtext |
| .bo-segmented | components/segmented |
| .bo-segmented__input | components/segmented |
| .bo-segmented__option | components/segmented |
| .bo-select | components/form |
| .bo-select--seamless | components/form |
| .bo-sidebar-nav | components/offcanvas |
| .bo-sidebar-nav__heading | components/offcanvas |
| .bo-sidebar-nav__icon | components/sidebar-nav |
| .bo-sidebar-nav__label | components/offcanvas |
| .bo-sidebar-nav__link | components/offcanvas |
| .bo-sidebar-nav__section | components/sidebar-nav |
| .bo-skeleton | components/state-patterns |
| .bo-skeleton--block | components/state-patterns |
| .bo-skeleton--circle | components/state-patterns |
| .bo-stack | base/primitives |
| .bo-stack--loose | base/primitives |
| .bo-stack--tight | base/primitives |
| .bo-stat | components/dashboard |
| .bo-stat__delta | components/dashboard |
| .bo-stat__delta--bad | components/dashboard |
| .bo-stat__delta--good | components/dashboard |
| .bo-stat__label | components/dashboard |
| .bo-stat__value | components/dashboard |
| .bo-stat--hero | components/dashboard |
| .bo-state | components/state-patterns |
| .bo-state__actions | components/state-patterns |
| .bo-state__description | components/state-patterns |
| .bo-state__icon | components/state-patterns |
| .bo-state__title | components/state-patterns |
| .bo-state--error | components/state-patterns |
| .bo-stepper | components/stepper |
| .bo-stepper__label | components/stepper |
| .bo-stepper__marker | components/stepper |
| .bo-stepper__step | components/stepper |
| .bo-tabs__list | components/tabs |
| .bo-tabs__panel | components/tabs |
| .bo-tabs__tab | components/tabs |
| .bo-tabs--vertical | components/tabs |
| .bo-tag-input | components/tag-input |
| .bo-tag-input__field | components/tag-input |
| .bo-tag-input__remove | components/tag-input |
| .bo-tag-input__tag | components/tag-input |
| .bo-tag-input--seamless | components/tag-input |
| .bo-timeline | components/approval-workflow |
| .bo-timeline__marker | components/approval-workflow |
| .bo-timeline__meta | components/approval-workflow |
| .bo-timeline__step | components/approval-workflow |
| .bo-timeline__title | components/approval-workflow |
| .bo-toast | components/alerts |
| .bo-toast-region | components/alerts |
| .bo-tree | components/tree |
| .bo-tree__branch | components/tree |
| .bo-tree__label | components/tree |
| .bo-tree__link | components/tree |
| .bo-tree-table | components/tree-table |
| .bo-tree-table__spacer | components/tree-table |
| .bo-tree-table__toggle | components/tree-table |
| .bo-u-avoid-break | base/utilities |
| .bo-u-break-before | base/utilities |
| .bo-u-hidden | base/utilities |
| .bo-u-mono | base/utilities |
| .bo-u-print-exact | base/utilities |
| .bo-u-print-hidden | base/utilities |
| .bo-u-print-only | base/utilities |
| .bo-u-tabular | base/utilities |
| .bo-u-text-muted | base/utilities |
| .bo-u-text-nowrap | base/utilities |
| .bo-u-text-right | base/utilities |
| .bo-u-text-truncate | base/utilities |
| .bo-visually-hidden | base/primitives |
| .bo-widget | components/dashboard |
| .bo-widget__band | components/dashboard |
| .bo-widget__band--msg | components/dashboard |
| .bo-widget__body | components/dashboard |
| .bo-widget__body--flush | components/dashboard |
| .bo-widget__collapse | components/dashboard |
| .bo-widget__header | components/dashboard |
| .bo-widget__title | components/dashboard |
| .bo-widget__toggle-icon | components/dashboard |
| .bo-widget--span-2 | components/dashboard |
| .bo-widget-grid | components/dashboard |