Foundation component · Forms

Label

Identify a category with a compact text label and an optional semantic color marker.

Live playground

Choose Label when

You need to show a category such as issue type, topic, or ownership class.
Use Status Marker for health, progress, or lifecycle state.
Keep names short and stable so labels remain easy to scan.

Color and interaction

Do not rely on marker color alone; the text must name the category.
Render an interactive label as a button or link rather than adding a click handler to static text.

Implementation

Color supports recognition while the visible text carries the category meaning.

import { Label } from "@lenso/ui/label";

<Label color="violet">Feature</Label>;