planett-card

planett card

Usage no npm install needed!

<script type="module">
  import planettCard from 'https://cdn.skypack.dev/planett-card';
</script>

README

Planett Card

Install

  npm install planett-card --save

Example

  import React from 'react';
  import ReactDOM from 'react-dom';
  import Card from 'planett-card';
  import {Icon, Closa} from 'planett-icon';
  import {Button} from 'planett-button';

  (() => {
    ReactDOM.render(
      <Card>
        <div title>Title</div>

        <div menu>
          <Icon style={{cursor: 'pointer'}}>
            <Close style={{fill: 'black'}} />
          </Icon>
        </div>

        <div content>
          <Button style={{width: '100px',
                          borderRadius: '0px',
                          float: 'right'}}
          >Yes</Button>
        </div>
      </Card>,
      document.getElementById('root')
    );
  })();