Elements Pro launch: $79 for the first 50 with LAUNCH50 · $129 standard.

Components / Properties / IndexLabel

IndexLabel.

FreeComponent

A tiny zero-padded index number in mono with wide tracking.

Demo dataResponsive
010824

Installation

pnpm dlx shadcn@latest add https://elements.micropreneur.dev/r/index-label.json

The shadcn CLI writes the source into your project. Files added:

  • components/elements/index-label.tsxcomponent
  • lib/utils.tslib
Dependenciesclsxtailwind-merge

API

PropTypeDefaultDescription
valuenumber—1-based position; rendered zero-padded to two digits, e.g. 1 -> "01".

Also accepts ComponentProps<'span'>.

Accessibility

  • Use it beside a visible label; on its own the number has no meaning to a screen reader.