Nanoprogrammed Penultimate Musicianship
    Have ideas to improve npm?Join in the discussion! »

    @react-md/card
    TypeScript icon, indicating that this package has built-in type declarations

    2.8.2 • Public • Published

    @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 \
      @react-md/transition

    Documentation

    You should check out the full documentation for live examples and more customization information, but an example usage is shown below.

    Usage

    import 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 = () => (
      <Card>
        <CardHeader>
          <CardTitle>Card Title</CardTitle>
        </CardHeader>
        <CardContent>
          <Text>Here is some text to display in the card. It is
        </CardContent>
        <CardActions>
          <Button>Action 1</Button>
          <Button<Action 2</Button>
        </CardActions>
      </Card>
    );
    
    render(<App />, document.getElementById("root"));

    Install

    npm i @react-md/card

    DownloadsWeekly Downloads

    867

    Version

    2.8.2

    License

    MIT

    Unpacked Size

    146 kB

    Total Files

    90

    Last publish

    Collaborators

    • avatar