Card

Cards are an integral part of any frontend application. You can create a page layout only using cards if you will.

Let's take a look at the general layout of the card in Kodhus library.

Usage

Title
Subtitle
Image tag comes here ...

Card content comes here ...


Following is the React snippet of how to use Cards:

import { Card, CardHeader, CardImage, CardMain, CardFooter } from 'kodhus-ui-react';

<Card>
  <CardHeader>Header used for title, subtitles and any actions</CardHeader>
  <CardImage></CardImage>
  <CardMain>
    <p>
      Main content comes here
    </p>
  </CardMain>
  <CardFooter>
    Card footer which is usually used for call to action buttons (CTAs)
  </CardFooter>
</Card>