Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Tailwind CSS Legend Indicator

Use Tailwind CSS Legend Indicator to enhance clarity and explain the meaning of colors for charts, graphs, maps, dashboards, calendar events and statuses.

Default legend indicator

Use a small dot indicator with a label for statuses, categories, or chart series.

Legend color variants

Apply different dot colors to represent states, categories, or chart series.

© 2026 Preline Labs.