Skip to main content
Card - Installation
Toggle Light/Dark ThemeView GitHubToggle right to left

# @react-md/card

This package is for creating interactable cards from the material design guidelines.

# Installation

$ npm install --save @react-md/card

It is also recommended to install the following packages as they work hand-in-hand with this package:

$ npm install --save @react-md/theme \
    @react-md/typography \
    @react-md/icon \
    @react-md/media \
    @react-md/avatar \
    @react-md/button \

# Usage

12345678910111213141516171819202122import React, { Fragment } from "react";
import { render } from "react-dom";
import { Button } from "@react-md/button";
import { Card, CardHeader, CardTitle, CardSubtitle, CardActions } from "@react-md/card"
import { Text } from "@react-md/typography"

const App = () => (
      <CardTitle>Card Title</CardTitle>
      <Text>Here is some text to display in the card. It is
      <Button>Action 1</Button>
      <Button<Action 2</Button>

render(<App />, document.getElementById("root"));