Buttons

v4.0.0

Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.

Released

History
View changes
Install
npm i @gold.au/buttons
Tags
Requires
Contributors
  • Trevor Brennan avatar picture
  • Petra Gulicher avatar picture
  • Alexander Sadleir avatar picture
  • Dominik Wilkowski avatar picture
  • Monica Gee avatar picture
  • Gary Broadbent avatar picture
  • Simon Pascal Klein avatar picture
  • Julian Fleetwood avatar picture
  • Alex Page avatar picture
  • Patrick De Young avatar picture
  • Hannah J. Nicdao avatar picture

Colour impairment

How the buttons are viewed with various colour blindnesses

Example

Grayscale

How the buttons are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with buttons.

Example

Screen readers

Primary button [button].

Secondary button [button].

Tertiary button [button].

How the buttons demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback