DrilldownCell

stable

Expand/collapse cell for hierarchical financial data

import { DrilldownCell } from "@nodus/design-system/finance"

Loading demo…

Props

Prop	Type	Default	Description
`summary`req	`ReactNode`	—	Summary content shown when collapsed
`children`req	`ReactNode`	—	Detail content shown when expanded
`defaultExpanded`	`boolean`	—	Start expanded
`level`	`number`	—	Indentation level for nested drilldowns (0-based)
`density`	`"default" \| "compact"`	—	Display density

summaryrequired

Type ReactNodeDefault —

Summary content shown when collapsed

childrenrequired

Type ReactNodeDefault —

Detail content shown when expanded

defaultExpanded

Type booleanDefault —

Start expanded

level

Type numberDefault —

Indentation level for nested drilldowns (0-based)

density

Type "default" | "compact"Default —

Display density

MobileTouch Target

Cell tap area must be ≥44px tall. On mobile, drilldowns should open in a full-screen drawer rather than an inline expansion.

Design Rationale

This component was designed to express:

High-density data table for treasury positions, risk matrices, and compliance grids

Was this helpful?