Simple button without background.
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.
- Install the component
$ npm install --save @wniemiec-component-reactnative/transparent-button
- Import the component
import SelectableButton from '@wniemiec-component-reactnative/transparent-button';
- 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>
[...]
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 |
Details about each version are documented in the releases section.
See the documentation on how you can contribute to the project here.
Name | Type | Description |
---|---|---|
docs | Directory |
Documentation files |
src | Directory |
Source files |