Skip to content

Support height for card component #12555

@ig-georgeA

Description

@ig-georgeA

Is your feature request related to a problem? Please describe.

In the current version, the height of the card is determined by its content. This by itself is fine, but also creates a problem when multiple cards are added to a flex container (flex-direction: row) and bound to data. You end up with cards with different heights and no way to give them the same height. Moreover, setting align-items:stretch will have no effect.

image

Even if we manually add a height via CSS, the card content area does not look right.
image

Describe the solution you'd like

Card should support height, and when resizing, position content as expected. That is, card-actions remain anchored to the bottom, and the rest stay put.

Describe alternatives you've considered

My solution may not be accurate as I'm not that experienced with web-layouts. So any alternate suggestions are welcome.

Additional context

Add any other context or screenshots about the feature request here.

Metadata

Metadata

Assignees

Labels

🧰 feature-request✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions