DeltaCell

stable

Change/delta display with severity-based coloring for P&L and returns

Finance/Storybook ↗

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

Loading demo…

Props

Prop	Type	Default	Description
`value`req	`number`	—	The change value
`format`	`NumberFormat`	percent	Display format
`breakpoints`	`ThresholdBreakpoints`	—	Custom severity breakpoints
`tinted`	`boolean`	false	Show background tint based on severity
`density`	`'default' \| 'compact'`	default	Display density

valuerequired

Type numberDefault —

The change value

format

Type NumberFormatDefault percent

Display format

breakpoints

Type ThresholdBreakpointsDefault —

Custom severity breakpoints

tinted

Type booleanDefault false

Show background tint based on severity

density

Type 'default' | 'compact'Default default

Display density

Metadatasemantic type outcome

MobileWorks As-Is

Design Rationale

This component was designed to express:

View all principles →

Explore Related

Formatted number display with tabular alignment for financial tables

Inline SVG micro-chart for trend visualization in table cells

Was this helpful?