Properties

API reference and demos for Properties.

Source

Import

import { Properties } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

Typed Values · Open in Storybook

Nested Labels · 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

Prop	Type	Default	Description
className	string	—	Classes applied to the list root.
density	enum	comfortable	Row density preset.
emptyMessage	ReactNode	No properties	Empty-state content when no rows are visible.
gridTemplateColumns	string	—	CSS grid columns applied to each row. Defaults to the selected density preset.
items*	PropertiesItem<V>[]	—	Property rows to render. Hidden items are filtered out.
keyRef	string	—	Stable reference used to persist this instance's density preference.
labelClassName	string	—	Classes applied to each label cell.
labelIcon	(…) => …	—	Static icon name or function that returns an icon name per row.
prefixActions	PropertiesAction<V>[]	—	Actions rendered before the value.
renderLabel	(…) => ReactNode	—	Custom label renderer.
renderValue	(…) => ReactNode	—	Custom value renderer.
rowClassName	string	—	Classes applied to each row.
showDensityMenu	boolean	true	Show the display-options menu.
suffixActions	PropertiesAction<V>[]	—	Actions rendered after the value.
valueClassName	string	—	Classes applied to each value cell.