Components

MoreCount

The +N label for a list that shows only its first few items.

A 12px muted +N label for overflow: show the first two labels, then +2. It is a plain <span>; you work out N and pass it as children. IssueList draws the overflow after its maxLabels labels with it.

Available since@crisp-ui-kit/crisp@0.64.0

Installation

npm install @crisp-ui-kit/crisp

Props

MoreCount has no props of its own. It takes the attributes of a <span> (className, title, aria-label and the rest) and forwards its ref to the <span>.

Notes

  • Say what is hidden. The label alone ("+2") does not tell a screen reader what it counts. Give it a title or an aria-label such as "2 more labels" when the overflow matters.

On this page