Pinterest Cards
List Pinterest style cards with ease in your Mobile app.
Usage
import {PinterestCards} from "react-native-lights";import {View} from "react-native";const PinterestCards = () => {const listData = [{title: 'Beautiful and dramatic Antelope',description: 'Lorem ipsum dolor sit amet et nuncat mergitur',image: 'https://i.imgur.com/UYiroysl.jpg',},{title: 'Earlier this morning, NYC',description: 'Lorem ipsum dolor sit amet',image: 'https://i.imgur.com/UPrs1EWl.jpg',},{title: 'White Pocket Sunset',description: 'Lorem ipsum dolor sit amet et nuncat ',image: 'https://i.imgur.com/MABUbpDl.jpg',},{title: 'Acrocorinth, Greece',description: 'Lorem ipsum dolor sit amet et nuncat mergitur',image: 'https://i.imgur.com/KZsmUi2l.jpg',},]return (<View><PinterestCards data={listData} /></View>)}
Props
Nameimage | TypeURL | default- | descriptionRenders the image inside the card |
NameimageHeight | Typeint | default200 | descriptionImage inside the card |
NamecardBackgroundColor | Typestring | default#121111 | descriptionBackbround color for the card |
NameborderRadius | Typeint | default5 | descriptionBorder Radius for the image inside the card |
NameprimaryTextSize | Typeint | default14 | descriptionTitle text Size |
NameprimaryTextAlign | Typeint | default14 | description left |
NameprimaryTextColor | Typestring | defaultblack | description Title text Color |
NameprimaryFontFamily | Typestring | defaultArial | description Title font family |
NameprimaryFontWeight | Typestring | defaultbold | descriptionFont weight of the title text |
NamesecondaryTextSize | Typeint | default14 | descriptionTitle text Size |
NamecardBodyHeight | Typeint | default150 | descriptionHeight of the body section of the card |
NamesecondaryTextColor | Typestring | defaultblack | description Title text Color |
NamesecondaryFontFamily | Typestring | defaultArial | description Title font family |
NamesecondaryFontWeight | Typestring | defaultnormal | description Title font weight |
NamebuttonFunction | Typefunction | default- | descriptionFunction for the respective card button |