npm.io
1.0.1 • Published 5 years ago

@wniemiec-component-reactnative/transparent-button

Licence
MIT
Version
1.0.1
Deps
0
Size
156 kB
Vulns
0
Weekly
0

Transparent button

Simple button without background.

React Native compatibility Release License


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.

image 2image 3image 4image 5

How to use

  1. Install the component
$ npm install --save @wniemiec-component-reactnative/transparent-button
  1. Import the component
import SelectableButton from '@wniemiec-component-reactnative/transparent-button';
  1. 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

Keywords