Skip to content

Card

To be added

Props

NameTypeDefaultOptions
bodystring’Cause, baby, I’m an anarchist. You’re a spineless liberal. We marched together for the eight-hour day
titlestringYou Believe in Authority
showTextboolean
variantstringdefaultdefault, noBottom, noPadding
imageURIstring
imageAltstringAlt Text Missing

Compound Variant API

Variant : Default

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

Alt Text Missing
import { Card } from '@simplethings/react'
export default () => {
return <Card variant={'default'} />
}

Variant : No Bottom

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

Alt Text Missing
import { Card } from '@simplethings/react'
export default () => {
return <Card variant={'noBottom'} />
}

Variant : No Padding

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

You Believe in Authority

'Cause, baby, I'm an anarchist. You're a spineless liberal. We marched together for the eight-hour day

Alt Text Missing
import { Card } from '@simplethings/react'
export default () => {
return <Card variant={'noPadding'} />
}