Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
54 lines (39 sloc) 1.34 KB

Card

See the demo component here

Usage

Below, an example of using Card, CardActions, CardActionButtons and CardActionIcons components:

import { Card, CardActions, CardActionButtons, CardActionIcons } from 'mdwrapper';

const Demo = () => (
  <Card>
    Demo
    <CardActions>
      <CardActionButtons>
        <Button classes={['mdc-card__action', 'mdc-card__action--button']}>
          Done
        </Button>
      </CardActionButtons>
      <CardActionIcons>
        <IconButton classes={['mdc-card__action', 'mdc-card__action--icon']} font={'done'} />
      </CardActionIcons>
    </CardActions>
  </Card>
);

Props

List of all properties for the Card component:

Prop Type Default Description
children object - Node Content

List of all properties for the CardActions component:

Prop Type Default Description
children object - Node Content

List of all properties for the CardActionButtons component:

Prop Type Default Description
children object - Node Content

List of all properties for the CardActionIcons component:

Prop Type Default Description
children object - Node Content
You can’t perform that action at this time.