TenorChip

stable

Tenor label chip (ON, 1W, 3M, 1Y…) with duration-band color coding and optional selection state

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

ON1W1M3M6M1Y5Y

Loading demo…

Props

Prop	Type	Default	Description
`tenor`req	`TenorValue`	—	Tenor label (e.g., ON, 3M, 5Y)
`selected`	`boolean`	—	Selected/active state
`onClick`	`(tenor: TenorValue) => void`	—	Click handler for filter use

tenorrequired

Type TenorValueDefault —

Tenor label (e.g., ON, 3M, 5Y)

selected

Type booleanDefault —

Selected/active state

onClick

Type (tenor: TenorValue) => voidDefault —

Click handler for filter use

MobileTouch Target

Tenor chip tap area must be ≥44px tall. Use generous padding; chips in a row should wrap rather than overflow.

Design Rationale

This component was designed to express:

Instrument identifier chip for ISIN, CUSIP, SEDOL, FIGI, and RIC with optional copy-to-clipboard

Asset class and instrument type classification tag with semantic color coding per asset class

Was this helpful?