diff --git a/src/website/src/pages/ec/components/separator/docs/usage.md b/src/website/src/pages/ec/components/separator/docs/usage.md index 793d2ef7192..4ffa9a2ffb7 100644 --- a/src/website/src/pages/ec/components/separator/docs/usage.md +++ b/src/website/src/pages/ec/components/separator/docs/usage.md @@ -4,20 +4,20 @@ order: 1 --- The Separator component (implemented using the `
` 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