🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-responsive-select

Package Overview
Dependencies
Maintainers
1
Versions
136
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-responsive-select - npm Package Compare versions

Comparing version

to
5.0.0-alpha-20

README_BUSINESS_RULES.md

2

package.json
{
"name": "react-responsive-select",
"version": "5.0.0-alpha-19",
"version": "5.0.0-alpha-20",
"description": "A React customisable, touchable, single-select / multi-select form component. Built with keyboard and screen reader accessibility in mind.",

@@ -5,0 +5,0 @@ "main": "dist/ReactResponsiveSelect.js",

@@ -22,2 +22,36 @@ # react-responsive-select

## Getting started
Install the dependency - https://www.npmjs.com/package/react-responsive-select
`npm install react-responsive-select -save-dev`
Example usage:
```
import React from 'react';
import RRS from 'react-responsive-select';
const onChange = (newValue) => console.log('onChange', newValue);
const onSubmit = () => console.log('onSubmit');
const Form = () => (
<form>
<RRS
name="make"
options={[
{ text: 'Any', value: 'null' },
{ text: 'Oldsmobile', value: 'oldsmobile', markup: <span>Oldsmobile</span> },
{ text: 'Ford', value: 'ford', markup: <span>Ford</span> }
]}
selectedValue="oldsmobile"
onSubmit={onSubmit}
onChange={onChange}
caretIcon={<CaretIcon />}
/>
</form>
);
```
## StoryBook Examples & Demo

@@ -43,2 +77,2 @@

Have a read of [README_INTERACTION_TESTS.md](./README_INTERACTION_TESTS.md)
Have a read of [README_BUSINESS_RULES.md](./README_BUSINESS_RULES.md)