FAQ
FAQ
FAQ displays frequently asked questions in tabbed categories with accordion-style expandable answers and show more functionality.
Visual Specifications
Section titled “Visual Specifications”| Property | Value |
|---|---|
| Title Size | 20-24px |
| Tab Padding | 12-16px |
| Item Padding | 16-20px |
| Border Width | 1px |
| Icon Size | 16-20px |
Layout States
Section titled “Layout States”Categories in horizontal tabs
All questions in one list
Answer visible, icon rotated
Partial list with “show more” link
Content Types
Section titled “Content Types”| Type | Format | Example |
|---|---|---|
| Paragraph | <p> | Plain text answer |
| List | <ul>, <ol> | Bullet/numbered list |
| Mixed | Combined | Text with lists |
Usage Guidance
Section titled “Usage Guidance”When to use
Section titled “When to use”- Help center pages
- Product support
- Onboarding documentation
- Policy explanations
Best practices
Section titled “Best practices”| ✅ Do | ❌ Don’t |
|---|---|
| Group by category | One giant list |
| Clear questions | Vague phrasing |
| Concise answers | Walls of text |
| Searchable content | Hard to find info |
| Mobile-friendly | Cramped display |