@wniemiec-component-reactnative/selectable-button

❇ 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

❓ How to use

Install the component

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

Import the component

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

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

wniemiec component reactnative selectable-button selectable button

@infinitebrahmanuniverse/nolb-_wn @everything-registry/sub-chunk-1019 @wniemiec-component-reactnative/weekday-selector @zalastax/nolb-_wn

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago