# react-native-button-sample

> ### Use npm install react-native-button-sample —save to install the button from Node.js. Then, import RNButton from "react-native-button-sample" in the JavaScript files of your app to require it.

Latest version **1.0.0** (published 2023-01-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-button-sample
pnpm add react-native-button-sample
yarn add react-native-button-sample
bun add react-native-button-sample
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2023-01-31 |
| First published | 2023-01-31 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | savan |
| Maintainers | brijeshnv |

## Links

- npm: https://www.npmjs.com/package/react-native-button-sample
- npm.io page: https://npm.io/package/react-native-button-sample

## Recent versions

- 1.0.0 (latest) — 2023-01-31

## README

# React Native Simple Button

### Use npm install react-native-button-sample —save to install the button from Node.js. Then, import RNButton from "react-native-button-sample" in the JavaScript files of your app to require it.

# Installation

```Javascript
$ npm install react-native-button-sample —save
```

The solution is implemented in JavaScript so no native module linking is required.

# Usage

```Javascript
$ import RNButton from 'react-native-button-sample'
```

# Basic parameters

```Javascript
<RNButton
    buttonStyle={{
      backgroundColor: 'red',
      height: 50,
      width: 200,
      borderRadius: 10,
      alignItems: 'center',
      justifyContent: 'center',
    }}
    buttonTitle={'Button 1'}
    btnTextStyle={{
      fontSize: 20,
      color: 'green',
    }}
     onPress={() => console.log('button clicked...')}
/>
```

# Props

| Attributes   | type     | Default | Description                                                                                |
| ------------ | -------- | ------- | ------------------------------------------------------------------------------------------ |
| buttonTitle  | String   | null    | Button custom title                                                                        |
| btnTextStyle | String   | null    | Button text custom styles                                                                  |
| buttonStyle  | String   | null    | Button container custom styles                                                             |
| onPress      | Function | null    | Button onPress function. It receives a next argument when the progress prop is set to true |
| disabled     | Boolean  | false   | Button disabled state: cancle onPress func                                                 |

---
_Source: https://npm.io/package/react-native-button-sample · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._