@vygruppen/spor-card-react
v1.0.0
Published
Cards are used to encapsulate some information, or as interactive elements in our UI.
Downloads
27
Keywords
Readme
Card (React)
Cards are used to encapsulate some information, or as interactive elements in our UI.
Installation
$ npm install @vygruppen/spor-card-react
Usage
import { Card } from "@vygruppen/spor-card-react";
Cards come in three different variants - filled
, outlined
and elevated
.
If you specify the filled
variant, you need to specify a colorScheme
as well. The available color schemes are blue
, green
and grey
.
<Card variant="elevated">I'm an elevated card</Card>
<Card variant="outlined">I'm an outlined card</Card>
<Card variant="filled" colorScheme="blue">I'm a filled card</Card>
You can also pass any style props you want, like padding or borderRadius.
Development
Please refer to the root readme for development notes.