@atlaskit/lozenge
Version:
A lozenge is a visual indicator used to highlight an item's status for quick recognition.
36 lines (35 loc) • 1.19 kB
JSON
[
{
"name": "Lozenge",
"package": "@atlaskit/lozenge",
"import": {
"name": "Lozenge",
"package": "@atlaskit/lozenge",
"type": "default"
},
"keywords": ["lozenge", "badge", "label", "status", "indicator", "pill"],
"categories": ["status-indicators"],
"shortDescription": "A lozenge is a small visual indicator used to show status, category, or other short text labels.",
"status": "general-availability",
"accessibilityGuidelines": [
"Ensure sufficient color contrast for text readability",
"Provide appropriate labels for screen readers",
"Use meaningful colors and appearances",
"Consider color-blind users when choosing colors"
],
"usageGuidelines": [
"Use for status indicators or short labels",
"Choose appropriate appearance variants",
"Keep text concise and meaningful",
"Use consistent styling across similar lozenges",
"Consider color coding for different status types"
],
"contentGuidelines": [
"Use clear, concise text",
"Ensure text is meaningful and descriptive",
"Use consistent terminology across lozenges",
"Consider text length and readability"
],
"examples": ["./examples/ai/lozenge.tsx"]
}
]