My learning 0 of 20 lessons complete
Start lesson 1 →
pattern-library 1 linked patterns checked

Atlassian Design System Lozenge Component

Documents lozenge as a compact visual indicator for quick recognition of an item's status, supporting the boundary between static status markers and broader messaging or action components.

Read with a purpose

What this source can teach

Use this source to compare a documented solution with the task and states in your own product.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Tag / status tag Choose tag when the label is compact, read-only, attached to a visible object, and useful for scanning or comparison. A read-only tag does not receive focus, show hover affordance, expose pressed or selected state, or claim click behavior. Atlassian lozenge guidance supports using compact labels for quick item-status recognition.

Evidence Role

This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.

Publisher: Atlassian Design System. Last checked: .

Saved items