kodobe-react-card

Kodobe React Card

Usage no npm install needed!

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

README

Kodobe React Card

This is a simple react card package

Install

npm install kodobe-react-card

or

yarn add kodobe-react-card

Setup

import Card from 'kodobe-react-card';

Usage

import Card from "kodobe-react-card";

function App() {
    return (
        <div>
            <h3>Here is how to use a card</h3>
             <br />
            <Card heading="Heading" footing="Footing" block>
                <p>Hello, how are you today</p>
                <p>This is test for kodobe card</p>
                <p>This is different p tags</p>
            </Card>
        </div>
    );
}

Options

  • heading: (string, number, object)
  • footing: shows footing content (string, number, object)
  • lasting: shows at the far right side of the card (string, number, object)
  • leading: shows left side beside the heading(string, number, object)
  • children: render content inside the card (any, required)
  • block: fills the card if true (boolean)
  • style: style object
  • className: string