Skip to content
This repository has been archived by the owner on Jul 28, 2024. It is now read-only.

Commit

Permalink
refactor: corrections
Browse files Browse the repository at this point in the history
  • Loading branch information
Шараев Айнур Раильевич committed Jul 13, 2021
1 parent d196211 commit 110f47f
Showing 1 changed file with 5 additions and 6 deletions.
11 changes: 5 additions & 6 deletions src/woly/atoms/button-icon/specification.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,9 @@

### Icon

Since the `ButtonIcon` has no label and therefore compact, it is commonly used in an interface where extra space matters. Its icon should be easily recognizable. You may pair `ButtonIcon` with a component `Tooltip` containing a hint about the `ButtonIcon` underlying action.
Since the `ButtonIcon` has no label and therefore compact, it is commonly used in an interface where extra space matters. Icon button has no text that tells the user the purpose of the button, thats why its important that icon should be easily recognizable. You may pair `ButtonIcon` with a component `Tooltip` containing a hint about the `ButtonIcon` underlying action.

Recommendations for a hint text:

- make it short (2-3 words);
- use “action” verbs first ( “save”, “send”, etc.);
### Weight and priority

## Placement

Expand All @@ -35,6 +32,8 @@ If `ButtonIcon`s share related actions, they’re good to be in a group. For exa

## Behaviors

### States

### Interactions

_Mouse_
Expand All @@ -43,7 +42,7 @@ Users can trigger a button by clicking anywhere within the button container.

_Keyboard_

Users can trigger a button by pressing `Enter` or `Space`, while it has focus. If the `ButtonIcon` is located in the toolbar for quick access, you should provide a keyboard shortcut for even easier access.
Users can trigger a button by pressing `Enter` or `Space`, while it has focus and is not disabled. If the `ButtonIcon` is located in the toolbar, you should provide a keyboard shortcut for easier access.

## Accessibility

Expand Down

0 comments on commit 110f47f

Please sign in to comment.