Usage no npm install needed!

<script type="module">
  import c8sCard from 'https://cdn.skypack.dev/@c8s/card';
</script>

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!