/nanokit-button

A button component for React Native

Primary LanguageJavaScriptMIT LicenseMIT

nanokit-button

A button component for React Native

npm package version npm downloads standard JS linter prettier code formatting travis ci build status project license make a pull request

Github Watch Badge Github Star Badge Tweet

Built with ❤︎ by tiaanduplessis and contributors

Table of Contents

Table of Contents
  • About
  • Install
  • Usage
  • Contribute
  • License

    • About

    Greenkeeper badge

    A simple customizable button component for React Native. Uses TouchableOpacity on iOS and TouchableNativeFeedback on Android.

    Install

    $ npm install nanokit-button
# OR
$ yarn add nanokit-button

    Usage

    import React from 'react'
import { View, StyleSheet } from 'react-native'
import Button from 'nanokit-button'

const Example = () => (
  <View style={styles.container}>
    <Button width={200} text="Hello"/>
  </View>
)

const styles = StyleSheet.create({
  container: {flex: 1, justifyContent: 'center', alignItems: 'center'}
})

    Results in:

    example

    See the available props for more info

    Contributing

    Contributions are welcome!

    1. Fork it.
    2. Create your feature branch: git checkout -b my-new-feature
    3. Commit your changes: git commit -am 'Add some feature'
    4. Push to the branch: git push origin my-new-feature
    5. Submit a pull request :D

    Or open up a issue.

    License

    Licensed under the MIT License.