Skip to content

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 ​

NameTypeRequiredDefaultDescription
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
items{ icon?: string, label: string, description?: string, tone?: ('default'|'warn'|'danger') }[]yesConsequence rows.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root.

Source ​

client/lib/display/consequences-bullets/ConsequencesBullets.vue