EntityCell

A two-line table cell for an entity: tinted icon chip, a title, and a muted subtitle. The shape most “which thing is this row about?” columns want, and the same shape inline references (account, document, connector) use in detail views.

Source

Import

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

Demos

Default · Open in Storybook

Tones · Open in Storybook

Linked With Trailing · 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	—	—
href	string	—	—
icon	string | ComponentClass<any, any> | FunctionComponent<any>	—	—
iconTone	enum	neutral	Tints the icon chip. Defaults to `neutral`.
onClick	(…) => void	—	—
size	enum	md	—
subtitle	ReactNode	—	Secondary muted line — type, id, qualifier.
title*	ReactNode	—	Primary line. Rendered as a link when `href` is set.
trailing	ReactNode	—	Rendered at the end of the row (copy button, external link, badge).