yarn add @comparaonline/ui-card

Usage no npm install needed!

<script type="module">
  import comparaonlineUiCard from 'https://cdn.skypack.dev/@comparaonline/ui-card';




yarn add @comparaonline/ui-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


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

CardContent adds a padding to the Card


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