@comparaonline/ui-card

Installation

yarn add @comparaonline/ui-card

Usage

Card

import Card from '@comparaonline/ui-card';

The Card is an extension of Paper. It means it can receive all the props of it.
|prop | required | type | description |
| ---------------- | ---------| -------- | -------------------------------------------------------- | |raised | false | bool | If true, the card will use raised styling | |highlightOnHover| false | bool | if true and the device isn't touch, on hover it'll show a bigger shadow |

CardContent

import { CardContent } from '@comparaonline/ui-card';

CardContent adds a padding to the Card

CardSection

import { CardSection } from '@comparaonline/ui-card';

CardSectioncan be used to define and stack the sections of a CardSomething implementation.
|prop | required | type | description |
| ------------ | ---------|---------| -------------------------------------------------- | |align | false | enum | The text align of the children | |marginTop | false | bool | A manual adjustment of the margin top in pixels | |marginBottom| false | bool | A manual adjustment of the margin bottom in pixels |