@belong-ui/card

belong-ui: Card Component

Usage no npm install needed!

<script type="module">
  import belongUiCard from 'https://cdn.skypack.dev/@belong-ui/card';
</script>

README

Tag Usage:

<div className="styleguidist__input-wrap">
  <div>With Hover and Clickable</div>
  <br /><br />
  <Card
    isClickable
    onClick={() => { alert('card click'); }}
    isHoverable
  >
    <div style={{ width: '200px', padding: '10px' }}>
      <div style={{ fontSize: '20px', fontWeight: '500' }}>Card title</div>
      <div style={{ fontSize: '15px', marginTop: '8px' }}>Secondary text</div>
    </div>
  </Card>
  <br />
  <div>Without hover and Without clickable</div>
  <br /><br />
  <Card>
    <div style={{ width: '200px', padding: '10px' }}>
      <div style={{ fontSize: '20px', fontWeight: '500' }}>Card title</div>
      <div style={{ fontSize: '15px', marginTop: '8px' }}>Secondary text</div>
    </div>
  </Card>
</div>