cf-component-card
Cloudflare Card Component
Installation
Installation with yarn is recommended
$ yarn add cf-component-card
Usage
import React from 'react';import Card CardBlock CardContent CardControl CardDrawers CardMessages CardSection CardTitle CardFooter CardToolbar CardToolbarLink from 'cf-component-card';import Button from 'cf-component-button'; Component { ; thisstate = activeDrawer: null ; } { return <Card> <CardSection> <CardContent> <CardTitle>Hello World</CardTitle> <p>Here is some content</p> <CardMessages = /> <CardFooter>This is a footer message</CardFooter> </CardContent> <CardControl> <CardBlock>This is a block</CardBlock> <CardBlock> <Button ="default" => Example Control </Button> </CardBlock> </CardControl> </CardSection> <CardDrawers = /> <CardToolbar = = /> </Card> ; } ;