Skip to main content

Card

Card is a surface for grouping related content, like a project summary or a settings option. It can act as a link or button and show a selected state.

Import

import { Card } from '@vortexlabs/vortex';
import type { CardProps } from '@vortexlabs/vortex';

Display

<Card>{children}</Card>

Other links

Card props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
as
union
div
onClick
callback
No default value
href
string
No default value
selected
boolean
No default value
bleed
number
No default value
className
union
No default value
attributes
object
No default value
height
union
No default value
minHeight
union
No default value
maxHeight
union
No default value
width
union
No default value
minWidth
union
No default value
maxWidth
union
No default value
padding
union
lg
borderRadius
union
md
ref
ref
No default value