Skip to content

Commit

Permalink
Update appearance best practices
Browse files Browse the repository at this point in the history
  • Loading branch information
joshwooding committed Jul 31, 2024
1 parent 8bb297c commit 4184f54
Showing 1 changed file with 1 addition and 3 deletions.
4 changes: 1 addition & 3 deletions site/docs/components/button/examples.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,7 @@ Button comes in three variants based on appearance—`solid`, `outline` and `tra

### Best practices

- Solid buttons are typically used for the primary actions in your application.
- Outline buttons pair well with solid buttons for alternative secondary tasks in a workflow. They can also be used for visual alignment purposes when appearing above or below blocks of content, like in a dialog's button bar.
- Transparent buttons are typically used in groupings, like toggle buttons, or where other appearances would be too prominent. It is also commonly used where an icon needs to be interactive, providing focus management and interactive visual styles for the icon-only action.
First choose the button `color` that best fits your use case and then pick the `appearance` that offers the right level of visual prominence.

</LivePreview>

Expand Down

0 comments on commit 4184f54

Please sign in to comment.