search

UKHomeOffice / design-system

Home Office Design System
https://design.homeoffice.gov.uk
74 stars 21 forks source link

Page: Add custom styling to secondary buttons #540

Open daniel-ac-martin opened 11 months ago

daniel-ac-martin commented 11 months ago

The grey background causes accessibility issues when used with secondary buttons. This overrides some of the styling to provide a black border for the button.

This is an alternative implementation to #518.

closes: #515

daniel-ac-martin commented 11 months ago

@tomyems: Knocked this up to see if I could fix the small issues around:

  1. Button height (consistency with primary buttons)
  2. Consistency with focus + hover state

It also demonstrates the idea of demonstrating the styling within the Page component documentation.

We don't have to use it. If you like you could incorporate some of the code into your branch.

Take a look and see what you think.