Skip to content

Commit

Permalink
List icons that can be used without a label
Browse files Browse the repository at this point in the history
  • Loading branch information
VincentSmedinga committed Oct 25, 2024
1 parent be0a106 commit 0830fd9
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions storybook/src/components/Button/Button.docs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,9 @@ The icon can also appear before the label.

### With icon only

A button can even consist of an icon only.
Do this only for icons that are universally recognized.
A button may display an icon alone if its meaning is generally intuitive without a label:
Examples: audio and video controls, close (cross), delete (trash bin), download (downward arrow), favourite (heart), menu (hamburger), save (disk), search (magnifying glass), settings (gear or cog) and toggle (chevron).

You must still provide a label – it will be used to make the button accessible.

<Canvas of={ButtonStories.WithIconOnly} />
Expand Down

0 comments on commit 0830fd9

Please sign in to comment.