@wniemiec-component-reactnative/selectable-button

Simple selectable button.

Usage no npm install needed!

<script type="module">
  import wniemiecComponentReactnativeSelectableButton from 'https://cdn.skypack.dev/@wniemiec-component-reactnative/selectable-button';
</script>

README

Selectable button

Simple selectable button.

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 theme 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/selectable-button
  1. Import the component
import SelectableButton from '@wniemiec-component-reactnative/selectable-button';
  1. Use it
[...]

import React, { useState } from 'react';

[...]

const [isSelected, setIsSelected] = useState(true);

[...]

<SelectableButton
  title="Click me"
  onPress={() => {setIsSelected(!isSelected)}}
  selected={isSelected}
/>
[...]

📖 Documentation

Property Type Description Default
title string Button label -
onPress function(void): void Function that is called when the button is pressed -
selected boolean Clicked status -
bgColor string Background color (in hexadecimal) "#01786F"
fgColor string Foreground color (in hexadecimal) "#FFFFFF"
size string Button size (big, regular or small) "regular"
full boolean Indicates whether the width should be 100% 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