Card

Basic card

Card Title

Card content goes here. Cards are used to group related information.

<FuiCard>
  <h3>Card Title</h3>
  <p>Card content goes here.</p>
</FuiCard>

Elevation variants

elevation="2"

elevation="4"

elevation="8"

elevation="16"

<FuiCard elevation="2">...</FuiCard>
<FuiCard elevation="8">...</FuiCard>
<FuiCard elevation="16">...</FuiCard>

Props

Prop	Type	Default	Description
elevation	2 | 4 | 8 | 16	2	Shadow depth