Feature - Card component [Dev]

[felipedc09]

Card is a specific component to use with elements that require a header and a content.

Checklist ✅

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Card is a container that have tow important sections header and content and is used to define detail information about and specific element.

import { Card } from '@platzily-ui/components';
// import Card from '@platzily-ui/components/Card'; Can by called like this either.


export default function MyComponent() {
    return (
      <p>
        <Card >
          <CardHeader>header</CardHeader>
          <CardContent>content</CardContent>
       </Card>
      </p>
    )
}

Requirements 🌈

• Card use the Paper component.
• Have two sections separated with a border.
• The user can customize the border (with border or without border).
• Have a minimum padding of 5px in header and content section.
• Have contains anyone components.
• Heder amount its height according to the content.

Motivation 🔦

It's necessary to show some information with a header to describe the content.