Skip to content
Clicky UI

TagList

API reference and demos for TagList.

Source

Import

Section titled “Import”
import { TagList } from "@flanksource/clicky-ui/data";

Demos

Section titled “Demos”
Default · Open in Storybook
Wrapped · Open in Storybook
Compact · Open in Storybook

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.

Props

Section titled “Props”
Prop Type Default Description
actions enum hover Whether copy/zoom actions appear on hover or inline.
className string — Classes applied to the tag row.
compact boolean — When `true`, visible tag badges render only their value — the key is dropped from the inline display. The full `key=value` text is still available in `tag.display` (used for tooltips, copy actions, and the overflow `+N` popover). Defaults to whether the surrounding density (via {@link useDensityValue}) is `"compact"`.
maxVisible number 3 Number of tags to show inline before the overflow popover.
tags* NormalizedTag[] — Normalized tags to render.
wrap boolean false When `true`, tag badges wrap onto multiple lines instead of staying on a single row with a `+N` overflow popover. Used by detail/expanded views (e.g. LogsTable row details) where vertical space is available.