Skip to content

ContextBadges

A wrapping row of context chips. Interactive (each removable) when onRemove is supplied, otherwise static. The financial type→colour map lives entirely in the caller-supplied typeConfig, so this is domain-agnostic.

Source

import { ContextBadges } from "@flanksource/clicky-ui/ai";

No dedicated Storybook demo is available for this component yet.

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Prop Type Default Description
className string — —
items* ChatContextItem[] — —
onRemove (…) => void — Removes the badge with the given id. When omitted the badges are read-only.
typeConfig ContextTypeConfig — Maps each item `type` to an icon/colour; falls back to a neutral style.