Skip to content

Commit

Permalink
feat: update common use cases
Browse files Browse the repository at this point in the history
  • Loading branch information
thedaviddias committed Feb 8, 2025
1 parent df8556a commit ed870a4
Show file tree
Hide file tree
Showing 7 changed files with 16 additions and 4 deletions.
2 changes: 1 addition & 1 deletion content/en/patterns/content-management/accordion.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ Accordions are commonly used for **FAQs, settings panels, and structured content

Use an accordion when you need to present **structured content that benefits from progressive disclosure**.

Common use cases include:
**Common use cases include:**

- **FAQs (Frequently Asked Questions)** – Helps users find answers quickly.
- **Settings and Preferences** – Organizes options into collapsible categories.
Expand Down
2 changes: 1 addition & 1 deletion content/en/patterns/content-management/carousel.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ Carousels are often used to showcase featured content, promotions, or image gall

Use a carousel when you need to display a **series of related content or images in a limited space** while keeping users engaged.

Common use cases include:
**Common use cases include:**

- Showcasing featured products or services (e.g., homepage promotions)
- Highlighting key messages or storytelling (e.g., step-by-step guides)
Expand Down
4 changes: 4 additions & 0 deletions content/en/patterns/content-management/expandable-text.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,10 @@ Expandable Text is commonly used to manage lengthy descriptions, article summari

### When to use:

Use **Expandable Text** when you need to **manage lengthy content while keeping essential information visible**.

**Common scenarios include:**

- **Summarizing content** – Showing a short preview of a longer article, product description, or FAQ answer.
- **Reducing page clutter** – Keeping the interface clean by hiding secondary details.
- **Improving mobile usability** – Managing screen space efficiently on smaller devices.
Expand Down
2 changes: 1 addition & 1 deletion content/en/patterns/content-management/tooltip.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ Tooltips should be used to enhance understanding without overwhelming the user i

Use a tooltip when you need to provide **additional context or explanations** without taking up extra space in the UI.

Common use cases include:
**Common use cases include:**

**Simple Tooltips**

Expand Down
4 changes: 4 additions & 0 deletions content/en/patterns/navigation/back-to-top.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@ Commonly seen as a floating button or link at the bottom-right corner, it improv

### When to use:

Use **Back to Top** when you need to **help users quickly return to the top of a long page without excessive scrolling**.

**Common scenarios include:**

- On long or content-heavy pages where the user is likely to scroll far down
- When quick navigation back to the header or navigation menu is essential
- In blogs, documentation pages, or e-commerce category listings with extensive scroll
Expand Down
4 changes: 4 additions & 0 deletions content/en/patterns/navigation/breadcrumb.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,10 @@ They are particularly useful for websites with deep hierarchical structures or c

### When to use:

Use **Breadcrumbs** when you need to **show users their location within a website’s structure and help them navigate easily**.

**Common scenarios include:**

- Websites with multiple hierarchical levels (e.g., categories, sub-categories)
- Large or complex sites where users often land on deep pages from search engines
- Systems that rely on nested file or document organization (e.g., file explorers, project management tools)
Expand Down
2 changes: 1 addition & 1 deletion content/en/patterns/navigation/load-more.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Use this pattern when you want users to progressively explore content at their o

To improve usability, ensure that the "Load More" button is **removed when all content is loaded** or updated to indicate that no additional items are available (e.g., **"No More Results"**).

Common use cases include:
**Common scenarios include:**

- When displaying large lists of content (e.g., news feeds, product listings)
- To improve page performance by loading only a subset of data initially
Expand Down

0 comments on commit ed870a4

Please sign in to comment.