Skip to main content

Data display

SortIndicator

Render sort direction affordance. A tiny little arrow doing a very important job.

Curated demo

Reference

Render sort direction affordance. A tiny little arrow doing a very important job.

  • Pair SortIndicator with a clickable header or navigation control.
  • Keep sorting state and behavior outside the primitive.

Props

Name Type Default Description
label * string — Label for the sort indicator.
sortOrder 'asc' | 'desc' | null null Current sort order.
class string — Additional CSS classes.

Example snippet

<SortIndicator label="Updated" sortOrder="desc" />