Card
Cards contain content and actions about a single subject.
In basic example, card accepts content view as child element.
1
import { Card } from '../components';
2
3
<Card>
4
<Text>Today we are going to provide you with excellent articles to read in December. Enjoy fresh ideas, tips, and tricks from the JavaScript world.</Text>
5
</Card>
Copied!
It also may have header and footer by configuring header ,description ,footer properties.
1
import { Card } from '../components';
2
3
<Card title={"Title"} description={"Description"} footer={<View style={styles.footerContainer}><Button style={{marginRight: 10, flex: 1}} caption={"Cancel"} bordered primary /><Button primary caption={"Apply"} style={{flex: 1}} /></View>}>
4
<Text>Today we are going to provide you with excellent articles to read in December. Enjoy fresh ideas, tips, and tricks from the JavaScript world.</Text>
5
</Card>
Copied!

Properties

Name
Type
Description
children
ReactNode
Component to render within the card.
title
(ViewProps) => ReactElement
Function component to render above the content.
description
(ViewProps) => ReactElement
Function component to render description content.
footer
(ViewProps) => ReactElement
Function component to render footer content.
Last modified 1yr ago
Copy link
Contents
Properties