Skip to content

Commit

Permalink
feat(EC Usage pages for components): update EC Usage pages for compon…
Browse files Browse the repository at this point in the history
…ents “ec_separator” (#3718)

Automatically generated. Merged on Netlify CMS.
  • Loading branch information
planctus authored Dec 9, 2024
1 parent 36c97cf commit e852311
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions src/website/src/pages/ec/components/separator/docs/usage.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,20 @@ order: 1
---
The Separator component (implemented using the `<hr>` HTML tag) is designed to visually divide sections of content or components within a layout. It provides a simple and clean way to organise information without adding additional margins or padding, making it ideal for quick content separation.

## **Do's**
## Do's

- ensure that the Separator is used to divide distinct content blocks or UI components in a way that enhances clarity and readability

## **Don'ts**
## Don'ts

- do not use Separators excessively, as it may clutter the design and confuse the user about the structure of the content
- avoid using the Separator for purely decorative purposes if it does not contribute to the content structure

## **When to Use**
## When to Use

- use when you need to quickly add dividers between components without modifying spacing above or below
- use within paragraphs to subtly separate ideas or sections of text that are conceptually distinct

## **When Not to Use**
## When Not to Use

- do not use to separate large blocks of content where more complex visual distinction (such as a background color) is needed

1 comment on commit e852311

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.