ConsequencesBullets
Overview
Bulleted list of destructive-action consequences. Each item renders an optional leading icon, a bold label, and an optional muted description inside a 2-column grid (icon · label/sub stack). Per-item tone (default | warn | danger) tints only the leading icon so the consequence list communicates relative severity without overwhelming the surrounding card.
Icons resolve via useIcons("ConsequencesBullets", props)(item.icon). When the lookup returns null (icon name missing or unregistered), the icon cell still renders so labels stay aligned across rows.
Theme entry: ConsequencesBullets
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| iconOverride | Object | null | A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants. | |
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| items | { icon?: string, label: string, description?: string, tone?: ('default'|'warn'|'danger') }[] | yes | Consequence rows. | |
| class | import('vue').HTMLAttributes['class'] | undefined | Additional CSS classes applied to the root. |
Source
client/lib/display/consequences-bullets/ConsequencesBullets.vue