Skip to content

Commit

Permalink
added text to text button story
Browse files Browse the repository at this point in the history
  • Loading branch information
LinKCoding committed Aug 7, 2024
1 parent ce5d874 commit bba5cde
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
Expand Up @@ -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>
Expand Down

0 comments on commit bba5cde

Please sign in to comment.