Can cards be used like the documentation site?

[lordnynex]

I'm attempting to duplicate the documentation sites 'navigational cards'.

I'm thinking that thee cards were not created with the <Cards> component. Is there any plan to split out the notion of a <Card> separately from a <Cards> collection? I'm attempting to duplicate it using the collection but I'm noticing what I think are a few issues holding me back.

• When CardsProps.CardDefinition.header is undefined or returns null, there is still an empty card header div/span rendered. Would it make sense to render nothing in this case?
• It doesn't seem like there a way to disable the padding on the cards themselves.

I'm pretty new to frontend development, so I apologize if my questions are non-sense or miss the mark.

[YueyingLu]

Hey @lordnynex ,
thank you for reaching out.

The component in the screenshot is a custom component built for this use case, not a <Card /> component. Let me share this example implementation with you. We also noticed overflowing corners on the <Container /> in this use case, which we are currently looking into as part of this PR.

Let me know if you have any other questions.

Thank you!
Yueying