Content

Card

A raised container for one piece of content.

iOSSwiftUI VStackAndroidCompose ColumnRenders in a Screen or an Island
Card on iOS
iOSSwiftUI VStack
Card on Android
AndroidCompose Column

Import

ts
import {Card} from '@hzblj/kara-ui'

Props

A raised container — SwiftUI VStack / Compose Column on surface.primary, with a large radius, s16 padding and the card shadow. Any sx prop overrides its default.

Also takes the native `sx` props.

PropTypeDescription
childrenReactNode

Native views, stacked vertically from the leading edge.

testIDstring

Test identifier, forwarded to the native view.

children
ReactNode

Native views, stacked vertically from the leading edge.

testID
string

Test identifier, forwarded to the native view.

Platform notes

  • Carries surface.primary, the card shadow and a large radius on both platforms — pass sx props to override any of them.