| Aug | SEP | Oct |
| 27 | ||
| 2020 | 2021 | 2022 |
COLLECTED BY
Collection: Common Crawl
React Native Elements
3.4.2
●Next
●3.4.2
●2.3.2
●1.2.0
●All versions
DocumentationGitHubHelpBlog
🌜
🌞
React Native Elements
●It Starts Basic
●Getting Started
●Overview
●Customization
●Usage on the Web
●Troubleshooting
●Components
●Avatar
●Badge
●Bottom Sheet
●Button
●ButtonGroup
●Card
●CheckBox
●Chip
●Divider
●Floating Action Button
●Header
●Icon
●Image
●Input
●Linear Progress
●ListItem
●Overlay
●Pricing
●Rating
●SearchBar
●Slider
●SocialIcon
●Speed Dial
●Switch
●Tabs
●Text
●Tile
●Tooltip
●Universe Components
●Circular Slider
●Repo
●Contributing
●Testing
●Label Guide
import { PricingCard } from 'react-native-elements';
<PricingCard color="#4f9deb" title="Free" price="$0" info={['1 User', 'Basic Support', 'All Core Features']} button={{ title: 'GET STARTED', icon: 'flight-takeoff' }}/>;button
●buttonFont
●color
●containerStyle
●info
●infoFont
●onButtonPress
●price
●pricingFont
●title
●titleFont
●wrapperStyle
button#
| Type | Default |
|---|---|
| {...Button props} OR component | none |
color#
| Type | Default |
|---|---|
| string | none |
containerStyle#
| Type | Default |
|---|---|
| object (style) | inherited styling |
info#
| Type | Default |
|---|---|
| array of strings | none |
infoStyle#
| Type | Default |
|---|---|
| style (object) | none |
onButtonPress#
| Type | Default |
|---|---|
| any | none |
price#
| Type | Default |
|---|---|
| string | none |
pricingStyle#
| Type | Default |
|---|---|
| style (object) | none |
title#
| Type | Default |
|---|---|
| string | none |
titleStyle#
| Type | Default |
|---|---|
| style (object) | none |
wrapperStyle#
| Type | Default |
|---|---|
| object (style) | inherited styling |
