menu
Toggle collapsible menu
Home
home
Home
school
Documentation
keyboard_arrow_down
Toggle dropdown
Documentation
Installing EOS npm
Design kit
Using the CDN
Coming next
star
Coming next
Success stories
thumb_up
Success stories
Accessibility
accessibility
Accessibility
Alerts
notifications
Alerts
Badges
label
Badges
Buttons
crop_16_9
Buttons
Cards
recent_actors
Cards
Colors
color_lens
Colors
Dropdown
arrow_drop_down_circle
Dropdown
Focus
flourescent
Focus
assignment
Form elements
keyboard_arrow_down
Toggle dropdown
Form elements
Address
Checkbox
Input fields
Radio buttons
Select
Text area
Toggle
Icons
miscellaneous
Icons
Links
link
Links
Pagination
settings_ethernet
Pagination
Patterns
patterns
Patterns
Product labels
products
Product labels
Tables
grid_on
Tables
web
Templates
keyboard_arrow_down
Toggle dropdown
Templates
Error page
Layout
Sign in
Theme
dark_mode
Theme
Tooltips
chat_bubble_outline
Tooltips
Typography
text_fields
Typography
Writing guides
spellcheck
Writing guides
menu
Toggle collapsible menu
Home
home
Home
school
Documentation
keyboard_arrow_down
Toggle dropdown
Documentation
Installing EOS npm
Design kit
Using the CDN
Coming next
star
Coming next
Success stories
thumb_up
Success stories
Accessibility
accessibility
Accessibility
Alerts
notifications
Alerts
Badges
label
Badges
Buttons
crop_16_9
Buttons
Cards
recent_actors
Cards
Colors
color_lens
Colors
Dropdown
arrow_drop_down_circle
Dropdown
Focus
flourescent
Focus
assignment
Form elements
keyboard_arrow_down
Toggle dropdown
Form elements
Address
Checkbox
Input fields
Radio buttons
Select
Text area
Toggle
Icons
miscellaneous
Icons
Links
link
Links
Pagination
settings_ethernet
Pagination
Patterns
patterns
Patterns
Product labels
products
Product labels
Tables
grid_on
Tables
web
Templates
keyboard_arrow_down
Toggle dropdown
Templates
Error page
Layout
Sign in
Theme
dark_mode
Theme
Tooltips
chat_bubble_outline
Tooltips
Typography
text_fields
Typography
Writing guides
spellcheck
Writing guides
Submenu 1
Submenu 2
Submenu 3
Submenu 4
Submenu 5
Submenu 6
Submenu 7
Submenu 8
Submenu 9
Colors
Usage
Dark theme colors
Accessibility
Contrast table
Icons
Logo icons set
Most commonly used icons
Icon UX
Arrow icons usage
Accessibility
Product Labels
SUSE Rancher
Text
Password
Range
File
Checkbox
Toggle
Accessibility
Badges
Accessibility
Radio buttons
Single selection
Multiple selection
Text area
Address format
Displaying addresses
Installing EOS npm
Design kit
Writing guides
Brand voice
Brand tone
UX writing
Conventions and rules
Acronyms
Buttons
Positioning
Usage
Accessibility
Patterns
Common actions
Loading
Spacing
Date & time
Alerts
Global
Section
Inline
Usage
Accessibility
Accessibility
Error page
Layout
Main menu
Submenu
Footer
Dark theme
Implementation
Sign in
Sign up
Password recovery
Alerts in sign in page
Dark theme
Links
Accessibility
Tooltips
Smart tooltips
Typography
Text Highlight
Theme
Home
Success stories
Cards
Accessibility
Dropdown
Accessibility
Focus
Pagination
Accessibility
Coming next
Tables
Accessibility
more_horiz
Expand menu
More
account_circle
User-name-get-truncated-this-way-when-is-too-long-&Display-onToolTip
User-name-get-truncated-this-way-when-is-too-long-&Display-onToolTip@something.com
edit
Edit profile
settings
Settings
subscriptions
My subscriptions
exit_to_app
Logout
Welcome to EOS test
To show an active menu/submenu element, add the class
selected
.