Card component - add states

[claudiac2024]

Provide a general summary of the feature here

I have been using the card component in AV4 and realised that it would be interesting if we could add states to the component. some of the books available on bookshelf (in other apps) need to be downloaded so we have disabled, active, states. For accessibility I am wondering if we need focus ring on the component... I don´t see that switch available or perhaps I am doing sth wrong...

🤔 Expected Behavior?

Have different states when user interacts with it.

😯 Current Behavior

Card component has one available state

💁 Possible Solution

Add simple and nice states to the cards

🔦 Context

We are doing some tests before we will start using this component in the future across 3 different markets.

💻 Examples

👤 Your name

Claudia Canales

🧢 Your Product/Team

NPM Neon / MyDB / AV4 / LMV

[DanielleRameau]

@claudiac2024, we like your idea! Although, we are not sure if we can create a clickable card together with a 'more button' in it. We will discuss this together with Anna Karon.

[Diaan]

https://adrianroselli.com/2020/02/block-links-cards-clickable-regions-etc.html#Additional
https://kittygiraudel.com/2022/04/02/accessible-cards/

[DanielleRameau]

@claudiac2024, it should be possible :) we will refine this enhancement and will let you know if we have any further questions.

[DanielleRameau]

@claudiac2024 and @arecuenco-dsgn will contact you as well