❇ Introduction

React Native component that allows you to press a button to perform a certain action, in addition to allowing the programmer to choose the button style according to your preference.

🖼 Gallery

❓ How to use

1. Install the component

$ npm install --save @wniemiec-component-reactnative/transparent-button

2. Import the component

import SelectableButton from '@wniemiec-component-reactnative/transparent-button';

3. Use it

[...]

import React from 'react';
import { View } from 'react-native';

[...]

<View style={{ display: 'flex', flex: 1, justifyContent: 'center', alignItems: 'center' }}>
  <TransparentButton title='Transparent button' onPress={() => alert('Hey! You clicked on me!')} fgColor='blue' />
</View>

[...]

📖 Documentation

| Property |Type|Description|Default| |----------------|-------------------------------|-----------------------------|--------| |title |string|Button label | - | |onPress |function(void): void|Function that is called when the button is pressed| - | |selected |bool|Clicked status | - | |fgColor |string|Foreground color (in hexadecimal) |"#000000"| |full |string|Button size (big, regular or small) |false|

🚩 Changelog

Details about each version are documented in the releases section.

🤝 Contribute!

See the documentation on how you can contribute to the project here.

📁 Files

/

| Name |Type|Description| |----------------|-------------------------------|-----------------------------| |docs |Directory|Documentation files| |src |Directory| Source files|