Card

Card renders a responsive box-model layout component. Inherits props from Box component.
Import component
import { Card } from 'rimble-ui';

Examples

Different ways to use the Card component
Default card
This is a Card
Different size
This is a Card
Connect your Wallet:

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam autem ratione doloribus quidem neque provident eius error dignissimos delectus architecto nemo quos alias sunt voluptate impedit, facilis sequi tempore. Amet!
random image from unsplash.com

Card title

Card sub-title

Props

Prop NameTypeIs RequiredDefault ValueDescription
themeobjectoptionalnone
positionoptional
'relative'
bgoptional
'white'
borderoptional
1
borderColoroptional
'light-gray'
boxShadowoptional
2
poptional
4
widthoptional
1
minWidthoptional
1
heightoptional
'auto'
minHeightoptional
1
Styled System Props
Box uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styed System props.
(ノ◕ヮ◕)ノ*:・゚✧

Are we missing anything?

If you have any extra insight you'd like to add, please raise an issue in Github.
Contribute

Card

On this Page