@wniemiec-component-reactnative/transparent-button

1.0.1 • Public • Published

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.

🖼 Gallery

image 2

image 3

image 4

image 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

Package Sidebar

Install

npm i @wniemiec-component-reactnative/transparent-button

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

160 kB

Total Files

14

Last publish

Collaborators

  • williamniemiec