1.0.2 • Published 6 years ago

react-native-shadow-cards v1.0.2

Weekly downloads
299
License
MIT
Repository
github
Last release
6 years ago

react-native-shadow-cards

Simple and animated radio button component for React Native

Screenshot

Demo

Installation

npm i --save react-native-shadow-cards

Usage

import {Card} from 'react-native-shadow-cards';

render(){
  return (
    <View style={styles.container}>
      <Card style={{padding: 10, margin: 10}}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
      </Card>
      <Card style={{padding: 10, margin: 10}}>
        <Button
          onPress={()=>{}}
          title="Learn More"
          color="#841584"
          accessibilityLabel="Learn more about this purple button"
        />
      </Card>
      <Card style={{padding: 10, margin: 10, height: 50}}>
      </Card>
    </View>
  );
}

Configuration

Card:
PropertyTypeDefaultDescription
backgroundColorstring'#ffffff'card background color
elevationnumber3An attribute to set the elevation of the card, increases 'drop-shadow' of the card
cornerRadiusnumber5Set the radius of the card
opacitynumber0.5Set the opacity of the card

Contributing

Of course! Welcome :)

You can use following command in example dir: