Patternfly-react: Component - Base Card

Created on 29 Jan 2018  路  3Comments  路  Source: patternfly/patternfly-react

Create the base component Card

This will be the base for the following components:
[Aggregate Status Cards](http://www.patternfly.org/patter

Dev Notes:
Ideally - we can also provide some simple helpers on top of the core Card components to ensure cards have the same height in a dashboard visualization. I have written an example of this using React Equalizer as opposed to jquery-match-height. Reach out if you'd like any help w/ this.

help wanted p2

Most helpful comment

@priley86 I'd suggest that we change the scope of this issue to be focused solely on the base card : the design elements can be found here: http://www.patternfly.org/pattern-library/cards/base-card/#design

I'd like to create individual issues for each of the following : Aggregate Status Cards, Base Card, Trend Card, Utilization Bar Card

Are you ok with that ?

All 3 comments

I would like to work on this issue

EDIT:
Quick question:
Do you need components for mutual properties of the different cards? (e.g. Heading,Title,Body)
or do you need a component for each card?

Thanks

Hello @gilad215 - i think we should break down these components into their smaller elements as much as is feasible (i.e. these JSX class components typically follow the class referenced in the div's). So yes - I would propose breaking down Heading, Title, Body, etc. We will need to ensure the base jsx elements created can be used alongside each of the Card variations where necessary (so feel free to demonstrate what you can with this issue as a starting point).

We have some other downstream issues hanging on this now so appreciate your work!

@priley86 I'd suggest that we change the scope of this issue to be focused solely on the base card : the design elements can be found here: http://www.patternfly.org/pattern-library/cards/base-card/#design

I'd like to create individual issues for each of the following : Aggregate Status Cards, Base Card, Trend Card, Utilization Bar Card

Are you ok with that ?

Was this page helpful?
0 / 5 - 0 ratings