Card
Cards are a great way to display information, usually containing content and actions about a single subject.
Cards can contain images, buttons, text and more.
Cards are mainly used for informative purpose.
Components
- Card.Divider Add divider to the card which acts as a separator between elements. This, Receives all Divider props.
- Card.FeaturedSubtitle Add a featured subtitle to the Card. This, Receives all Text props.
- Card.FeaturedTitle Add a featured title to the Card. This, Receives all Text props.
- Card.Image Add information in the form of image to the card. This, Receives all Image props.
- Card.Title Add a general title to the Card. This, Receives all Text props.
Usage
Props
Card
Card.Divider
None
Card.FeaturedSubtitle
None
Card.FeaturedTitle
None
Card.Image
Card.Title
None
Reference
Card
containerStyle
Outer container style.
| Type | Default |
|---|---|
| View style(Object) | None |
wrapperStyle
Inner container style.
| Type | Default |
|---|---|
| View style(Object) | None |
Card.Divider
None
Card.FeaturedSubtitle
None
Card.FeaturedTitle
None
Card.Image
pressableProps
| Type | Default |
|---|---|
| Omit<PressableProps, "onPress" or "onLongPress" or "onPressIn" or "onPressOut"> | None |
Card.Title
None