1.2.3 • Published 3 years ago
select-library v1.2.3
SelectMenuLibrary
Run Locally
- run
nvm use
to get the correct node version - run yarn to get dependecies
yarn storybook
to see different use casesyarn test
to run test cases- use examples from side menu to see different versions
Usage
There is already a published version on npm, if you want to add your own you can follow below setps
- Using published. version
- change the package name in package.json
- Run
yarn build
- Run
yarn publish
use your npm credentials to upload the package
add to your project with
yarn add ad-test-select
- use as import { Select } from 'ad-test-select'
<Select {...propsHere}/>
- to test local version without publising
- cd atlas-ds-challenge
- yarn build
- yarn link
- cd node_modules/react
- yarn link
- cd ../../node_modules/react-dom
- yarn link
- cd YOUR_PROJECT
- yarn link atlas-ds-challenge
- yarn link react
- yarn link react-dom
import { Select } from 'ad-test-select'
<Select {...propsHere}/>
Props
Typescript types are exported, below is the list of props for reference
Syntax | Description | Required |
---|---|---|
menuOptions | menu options for select | true |
searchable | boolean (enable search) | false |
searchPlaceHolder | string (place holder for search) | false |
onChange | function | true |
selected | preselcted value | false |
renderOption | extended function to provide custom menu items | false |
isMenuOpen | boolean | false |
searchPlaceHolder | string | false |
dropDownlabel | string | false |
selected = {
value: string;
label?: string; (not required)
};