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.
themeOverrideString|Object|ArraynullA 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') }[]yesConsequence rows.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root.

Source

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2