Card

v1.0.0

The card component is used to provide a brief summary of content or a task, often with a link to more detail. Cards are frequently displayed alongside other cards to group related content or tasks.

Released

History
View changes
Install
npm i @gold.au/card
Tags
Requires
Contributors
  • Dominik Wilkowski avatar picture
  • Alex Page avatar picture
  • Petr Illek avatar picture
  • Raj Ghuman avatar picture
  • Trevor Brennan avatar picture
  • Gary Broadbent avatar picture

Grayscale

How a card is viewed with total colour blindness.

Example

Colour impairment

How the card is viewed with various colour blindnesses

Example

Keyboard accessibility

How keyboard navigation works with Card.

Example

Screen readers

Heading level 3, link, title of article

Some text,

Additional text

How the card demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback