# react-native-arcade-button

> Arcade button component for React Native

Latest version **0.2.2** (published 2018-05-18) · Apache-2.0 license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.2 |
| Published | 2018-05-18 |
| First published | 2018-02-08 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=8.4.0 |
| Dependencies | 2 |
| Unpacked size | 456.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Chris Dolphin |
| Maintainers | likethemammal |
| Keywords | react-native, react-component |

## Links

- npm: https://www.npmjs.com/package/react-native-arcade-button
- Repository: https://github.com/likethemammal/react-native-arcade-button
- Homepage: https://github.com/likethemammal/react-native-arcade-button#readme
- Issues: https://github.com/likethemammal/react-native-arcade-button/issues
- npm.io page: https://npm.io/package/react-native-arcade-button

## Dependencies (2)

- [lodash](https://npm.io/package/lodash.md) ^4.17.4
- [underscore](https://npm.io/package/underscore.md) ^1.8.3

## Recent versions

- 0.2.2 (latest) — 2018-05-18
- 0.2.1 — 2018-02-09
- 0.2.0 — 2018-02-08
- 0.1.0 — 2018-02-08
- 0.0.2 — 2018-02-08

## README

react-native-arcade-button
=========

[![Build Status](https://travis-ci.org/likethemammal/react-native-arcade-button.svg?branch=master)](https://travis-ci.org/likethemammal/react-native-arcade-button)
[![Coverage Status](https://coveralls.io/repos/github/likethemammal/react-native-arcade-button/badge.svg?branch=master)](https://coveralls.io/github/likethemammal/react-native-arcade-button?branch=master)

[![npm Version](https://img.shields.io/npm/v/react-native-arcade-button.svg)](https://www.npmjs.com/package/react-native-arcade-button)
[![npm Downloads](https://img.shields.io/npm/dm/react-native-arcade-button.svg)](https://www.npmjs.com/package/react-native-arcade-button)
[![license](https://img.shields.io/github/license/likethemammal/react-native-arcade-button.svg)](https://github.com/likethemammal/react-native-arcade-button/blob/master/LICENSE)

[![screenshot](example/screenshot.png)](demo)

[Live Demo (CodeSandbox)](demo)

## Installation

```sh
npm install --save react-native-arcade-button
```

### Usage

```jsx
import React from 'react'

import ArcadeButton from 'react-native-arcade-button'

class Foo extends React.Component {

  onClick = (e) => {
    //...do some logic
  }

  render() {
    return (
      <ArcadeButton
        onPressOut={this.onClick}
      >
        <Text>Click</Text>
      </ArcadeButton>
    )
  }
}

```

### Props

| name        | type           | default  | desc 
--- | --- | --- | --- |
| *children* | Component | null | Traditional React `children` component(s) passed along to label the button. Can be text, icon, etc. |
| color | string | null | Any rgb, hex, hsv, etc. color supported by `StyleSheet`.
| disabled | bool | false | Disables the button presses, will call `onDisabledOut` when pressed anyway (for user experience use cases). |
| onDisabledOut | func | null | When `disabled` is true, function is called when button is pressed out anyway. |
| onPressIn | func | null | Function called when button press in. |
| onPressOut | func | null | Function called when button is released. |

### License

Made with 🍊 by [Chris Dolphin](https://github.com/likethemammal)

[![license](https://img.shields.io/github/license/likethemammal/react-native-arcade-button.svg?style=flat-square)](https://github.com/likethemammal/react-native-arcade-button/blob/master/LICENSE)

[demo]: (https://codesandbox.io/s/1rk8r5j1z4)

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