@comparaonline/ui-card

yarn add @comparaonline/ui-card

Usage no npm install needed!

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

README

@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