Skip to content

Commit

Permalink
chore(divider): update v6 images (#4304)
Browse files Browse the repository at this point in the history
  • Loading branch information
edonehoo authored Oct 7, 2024
1 parent aa64d4b commit ed2b706
Show file tree
Hide file tree
Showing 7 changed files with 3 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,14 @@ Use a divider as a visual cue to help to convey content separations and grouping

A divider can be used to visually separate content sections, potentially spanning the entire width of the content area.

<img src="./img/utilization.png" alt="Example of divider used to seperate a content area into different parts" width="747"/>
![Horizontal dividers in a dashboard](./img/dashboard-dividers.png)

## Variations

A **vertical divider** can be used to separate items within a horizontal list, such as a menu or toolbar.

<img src="./img/vertical.png" alt="Example of vertical divider in use to seperate actions" width="492"/>
![Example of vertical divider in use to separate actions](./img/vertical-divider.png)

A **horizontal divider** can be used to separate items within a vertical list, such as a dropdown menu.

<img src="./img/horizontal.png" alt="Example of horizontal divider in use to options in dropdown menu" width="220"/>
![Horizontal divider that separates options in dropdown menu](./img/menu-divider.png)
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.

0 comments on commit ed2b706

Please sign in to comment.