Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(EC Usage pages for components): update EC Usage pages for components “ec_menu” #3726

Open
wants to merge 3 commits into
base: v4-dev
Choose a base branch
from
Open

feat(EC Usage pages for components): update EC Usage pages for components “ec_menu” #3726

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
91a2b2f
feat(EC Usage pages for components): update EC Usage pages for compon…
ometevl Nov 19, 2024
9ab3d2f
feat(EC Usage pages for components): update EC Usage pages for compon…
ometevl Nov 19, 2024
1ae80bf
feat(EC Usage pages for components): update EC Usage pages for compon…
ometevl Nov 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 2 additions & 4 deletions src/website/src/pages/ec/components/navigation/menu/docs/usage.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,9 @@ order: 1
---
The horizontal menu is used as a primary navigation and it can display up to 2 levels. It directs users to the pages where they need to visit.

See "[playground](/playground/ec/?path=/story/components-navigation-menu--default)" for examples.

## Do's

- keep first level items (parent pages) labels short, distinct and use maximum 16 characters including spaces, otherwise they will be hidden under a hamburger menu (☰) (for ENG labels, keep in mind a 20% buffer for other languages)
- keep second level items (child pages) labels short, distinct and use maximum 32 characters (for ENG labels, keep in mind a 20% buffer for other languages)
- keep first and second level items (parent pages) labels' short and distinct (keep in mind a 20% buffer for other languages)

## Don'ts

Expand All @@ -22,3 +19,4 @@ See "[playground](/playground/ec/?path=/story/components-navigation-menu--defaul
## When not to use

- when you only have a one-page or a content shallow web site
- for sites with multiple levels of content or complex architecture, requiring clear organisation or when a horizontal menu would be insufficient -- use a [Megamenu component](https://ec.europa.eu/component-library/ec/components/navigation/mega-menu/code/) instead
Loading