Card

The <Card/> is a universal container for grouping UI elements together. Wrap it around any child elements that you'd like to group visually.

Preview

Code

<Card title='Goals' loading={ loading }>
 // child elements
</Card>

Props

Prop	Description	Required	Value
center	align the card in the center	optional	boolean
className	custom styles	optional	SCSS or Tailwind syle
children	children to render	required	component(s)
last	remove bottom margin on last card	optional	boolean
loading	toogle the loading spinner	optional	boolean
noPadding	remove the padding	optional	boolean
restrictWidth	restrict the width on large screens	optional	boolean
shadow	apply a box shadow	optional	boolean
title	title text	optional	string