Card
Wrap your content with style
Quick nav
Features
- Highly customizable
- Multiple slots
- Polymorphic
Anatomy
import { Card } from "@wonderflow/react-components";
export default () => {
return <Card>Lorem ipsum dolor sit.</Card>;
};
API Reference
Property
Type
Default
wrap
boolean
false
columnGap
enum
24
vAlign
string
start
hAlign
string
space-between
padding
enum
24
left
ReactNode
right
ReactNode
bordered
boolean
radius
enum
8
dimmed
enum
vibrant
boolean
highlightOnHover
boolean
as
enum
div