Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modular card component #672

Closed
tomesch opened this issue May 22, 2015 · 8 comments
Closed

Modular card component #672

tomesch opened this issue May 22, 2015 · 8 comments
Labels
component: card This is the name of the generic UI component, not the React module!

Comments

@tomesch
Copy link
Contributor

tomesch commented May 22, 2015

I saw a card implementation was already on the way (#564), but it didn't support some of the things I needed so I made one that did (274a0fa).

screen shot 2015-05-22 at 17 02 13

I tried to map to the material design guidelines as closely as possible.

The code for the component shown in the screen shot looks like this:

<Card>
  <CardHeader
    title="Title"
    subtitle="Subtitle"
    avatar="http://lorempixel.com/100/100/nature/"/>
  <CardMedia overlay={
    <CardTitle title="Title" subtitle="Subtitle"/>
  }>
    <img src="http://lorempixel.com/600/337/nature/"/>
  </CardMedia>
  <CardTitle title="Title" subtitle="Subtitle"/>
  <CardActions>
    <FlatButton label="Action1"/>
    <FlatButton label="Action2"/>
  </CardActions>
  <CardText>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
    Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
  </CardText>
</Card>

I'm happy to open a PR if you like it.

@reiberdatschi23
Copy link

Please add this to the main package :)

@FoxxMD
Copy link

FoxxMD commented May 27, 2015

👍

@hburrows
Copy link
Contributor

👍 also

@bsr203
Copy link

bsr203 commented May 27, 2015

+1

1 similar comment
@chrismcv
Copy link
Contributor

chrismcv commented Jun 1, 2015

+1

@soda29
Copy link

soda29 commented Jun 2, 2015

Great!

On Mon, Jun 1, 2015, 05:20 Chris McVittie notifications@github.com wrote:

+1


Reply to this email directly or view it on GitHub
#672 (comment)
.

@tylermichael
Copy link
Contributor

👍

@hai-cea
Copy link
Member

hai-cea commented Jun 18, 2015

Added with #857

@hai-cea hai-cea closed this as completed Jun 18, 2015
@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 25, 2022
@zannager zannager added component: card This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: card This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests