@c8s/card
v0.0.7
Published
[![github](https://badgen.net/badge//nju33,c8s/000?icon=github&list=1)](https://github.com/nju33/c8s/tree/master/components/card) [![npm:version](https://badgen.net/npm/v/@c8s/card?icon=npm&label=)](https://www.npmjs.com/package/@c8s/card) [![typescript](
Downloads
6
Readme
@c8s/card
Usage
/**
* As to prepare of using the `Card`
*
* ```sh
* yarn add @c8s/card @c8s/theme react @types/react styled-components @types/styled-components
* ```
*/
import Card from '@c8s/card';
import {Theme, theme} from '@c8s/theme';
Example
() => (
<Theme theme={theme}>
{/* ... */}
<Card>
<a href="#">
<Card.img src="https://placehold.jp/200x200.png" />
<div>
<div role="heading">タイトル</div>
<Card.separator />
<div style={{fontSize: 13}}>ほげほげふがふが<br />ほげほげふがふが</div>
</div>
</a>
</Card>
{/* ... */}
</Theme>
);
Contributors
Thanks goes to these wonderful people (emoji key):
| 純📖 | Aki-Japan📖 | | :---: | :---: |
This project follows the all-contributors specification. Contributions of any kind welcome!