Card
Card component is a structure of material that provide as an entry point to more detailed information.
import { Card, COLORS } from "cherag-ui";
Usage
<Card
title="The Garden City"
subTitle="The Silicon Valley of BD"
category="Photo"
footerText="6 mins ago"
w={180}
h={270}
imgH={3}
shadow={10}
paragraphStyle={{ fontSize: 12 }}
subTitleStyle={{ fontSize: 12 }}
categoryBgColor={COLORS.primary}
categoryTextColor={COLORS.white}
>
Bangladesh is the center of BD high-tech industry. The city is also
known for its parks and nightlife Bangladesh is the center of BD
high-tech industry.
</Card>
The Garden City
The Silicon Valley of BD
Bangladesh is the center of BD high-tech industry. The city is also known for its parks and nightlife Bangladesh is the center of BD high-tech industry.
6 mins ago
Props
Card
style
StyleProp<ViewStyle>
style of card container.
title
string
Title of card.
subTitle
string
Subtitle of card.
footerText
string
Footer text of card.
category
string
Name of the category.
w
number
Image and with of card.
imgH
1 | 2 | 3 | 4 | 5
Image height of card.
categoryBgColor
string
Category background color of card.
categoryTextColor
string
Category text color of card.
children
React.ReactNode | string
Paragraph of card.
titleStyle
StyleProp<ViewStyle>
Title style of card.
subTitleStyle
StyleProp<ViewStyle>
Subtitle style of card.
paragraphStyle
StyleProp<ViewStyle>
Paragraph style of card.
footerStyle
StyleProp<ViewStyle>
Footer style of card.
shadow
number
Shadow of card.