Skip to content

Commit

Permalink
docs(Button): Adding guidance note for TextButton
Browse files Browse the repository at this point in the history
Adding a guidance note for TextButton
LinKCoding authored Aug 7, 2024
1 parent ce5d874 commit 777d414
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions packages/styleguide/stories/Atoms/Button/index.stories.mdx
Original file line number Diff line number Diff line change
@@ -124,6 +124,10 @@ Writing words for a link or button? Above all else, make sure that the words alo

## Text Button

**Note**: Our text buttons use bold formatting to differentiate themselves from normal text, as color alone does not meet the 3:1 contrast ratio required for accessibility. However, bold formatting may not be sufficient in all contexts, such as when placed alongside a bold heading.

In these cases, we recommend including a leading or trailing icon to further distinguish the button from other bold text. This additional visual cue ensures that the text button is easily identifiable and accessible to all users.

<Canvas>
<Story name="TextButton">{(args) => <TextButton {...args} />}</Story>
</Canvas>

0 comments on commit 777d414

Please sign in to comment.