Use a label to display text that identifies a component.

This screen shows a label.

Best practice: Implementing labels

  • Use clear, concise labels.
  • Try to avoid displaying truncated text. The meaning might be unclear to users if the most important text does not appear. First, try to reduce the size of the text. If you reduce the size but you cannot read the text easily, try wrapping the text onto two lines instead. If you cannot wrap the text, consider using an abbreviation. Otherwise, use an ellipsis (...) to indicate that the text is truncated and provide a tooltip.
  • Group and order labels logically (for example, group related items together or include the most common items first). Avoid ordering values alphabetically; alphabetical order is language-specific.

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus