Card.Section

Inner component for rendering content easily inside a Card component
(code example)

info

This component extends View props.

Usage

Live Editor

<Card.Section
 content={[{text: 'Card content here', text70: true, grey10: true}]}
 contentStyle={{alignItems: 'center'}}
/>

Result

Loading...

API

backgroundColor

Background color string

content

Text content. Example: content={[{text: 'You’re Invited!', text70: true, grey10: true}]}
ContentType[]

contentStyle

Component's container style ViewStyle

imageProps

Other image props that will be passed to the image ImageProps

imageSource

Will be used for the background when provided ImageSourcePropType

imageStyle

The style for the background image ImageStyle

leadingIcon

Image props for a leading icon to render before the text ImageProps

trailingIcon

Image props for a trailing icon to render after the text ImageProps