# react-native-kumbutton

> Create stylish buttons easily and efficiently

Latest version **0.0.1** (published 2023-04-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-kumbutton
pnpm add react-native-kumbutton
yarn add react-native-kumbutton
bun add react-native-kumbutton
```

## 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.0.1 |
| Published | 2023-04-03 |
| First published | 2023-04-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Kumail Baloch |
| Maintainers | kumaillatif60 |
| Keywords | react native, react native stylish button, material ui button, react button |

## Links

- npm: https://www.npmjs.com/package/react-native-kumbutton
- Repository: https://github.com/muhammad-kumail/react-native-kumbutton
- Homepage: https://github.com/muhammad-kumail/react-native-kumbutton#readme
- Issues: https://github.com/muhammad-kumail/react-native-kumbutton/issues
- npm.io page: https://npm.io/package/react-native-kumbutton

## Recent versions

- 0.0.1 (latest) — 2023-04-03

## README

# react-native-kumbutton
Create Stylish button instantly and efficiently 
## Installation
Native Cli: npm install react-native-kumbutton

Expo: expo install react-native-kumbutton
## Demo
![ezgif com-resize (1)](https://user-images.githubusercontent.com/56933027/229501832-9906efd1-b7d8-4104-9ae3-7655cf37af28.gif)

## Sample code
```javascript
import React from 'react'
import {View, Text} from 'react-native'
import {Button} from 'react-native-kumbutton'
export default function App(){
    return(
      <View style={{justifyContent: 'center',alignItems: 'center'}}>
        <Text>Default (Solid)</Text>
        <Button
          text={'Hello world!'}
        />
        <Text>Default (Outline)</Text>
        <Button
          buttonType={'outline'} //default 'solid'
          text={'Hello world!'}
          //default onPress = () => console.log('Button Clicked!')
        />
        <Text>Stylish (Solid)</Text>
        <Button
            buttonType={'solid'}
            style={{borderRadius: 20,borderColor: 'blue',backgroundColor: 'blue',padding: 10}}
            text={'Hello world!'}
            textStyle={{color: 'white',fontSize: 16}}
            clickOpacity={0.4}
            onPress={()=>console.log('Hello world (Solid)')}
          />
          <Text>Stylish (Outline)</Text>
        <Button
            buttonType={'outline'}
            style={{borderRadius: 20,borderColor: 'blue',padding: 10}}
            text={'Hello world!'}
            textStyle={{color: 'blue',fontSize: 16}}
            clickOpacity={0.4}
            onPress={()=>console.log('Hello world (Outline)')}
          />
    </View>
    );
}
```
## Properties
|Props|Type|Default|Description|
|---|---|---|---|
|buttonType|String|'solid'|valid values: ['solid','outline']|
|style|Object|null|
|text|String|'Click Me!'|
|textStyle|Object|null|
|clickOpacity|Number|0.2|range (0-1)|
|onPress|Function|()=>console.log('Button Clicked!')|

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