MiniCard

Variants

default

dashed

MiniCardStack

• Item 1 of 5
• Item 2 of 5
• Item 3 of 5
• Item 4 of 5
• Item 5 of 5

Collapsing the MiniCardStack

Example: Controlled with 1 item

Toggle

• Item 1 of 1

Example: Controlled with 2 items

Toggle

• Item 1 of 2
• Item 2 of 2

Example: Controlled with 3+ items

Toggle

• Item 1 of 5
• Item 2 of 5
• Item 3 of 5
• Item 4 of 5
• Item 5 of 5

Example: defaultOpen={false}

By default, the MiniCardStack is open. This behavior can be overridden by setting defaultOpen={false}.

• Item 1 of 5
• Item 2 of 5
• Item 3 of 5
• Item 4 of 5
• Item 5 of 5

Implementation Details

• For now, MiniCardStack requires a count prop and MiniCardStackItem requires an index prop. We have an open issue to explore automatically generating these values.