---
description: >-
  A HelpText component is typically a short piece of text displayed near a UI
  element or within a specific section of an interface. It aims to clarify or
  provide context to users.
---

# HelpText

### Use Cases

✅ Providing context: Utilize HelpText components to provide context or background information about an option, setting, or action, helping users make informed decisions.

✅ Error prevention: Include HelpText components to offer tips or advice that help users avoid common mistakes or errors when interacting with the interface.

✅ User education: Employ HelpText components to educate users about unfamiliar terms, concepts, or processes relevant to the current interaction.

✅ Accessibility guidance: Use HelpText components to provide accessibility tips, such as keyboard shortcuts or alternative ways to interact with the interface.

### **Not to Use Cases:**

❌ Overloading with information: Avoid overwhelming users with excessive or unnecessary information in HelpText components. Keep the text concise and focused on the most relevant details.

❌ Distracting from content: Do not use HelpText components that draw excessive attention away from the main content, as this can lead to confusion and hinder the user experience.

❌ Replacing clear design: HelpText components should enhance the user experience, not compensate for unclear design or poor layout. Aim for intuitive design that reduces the need for excessive explanations.

\
