1.0.3 • Published 3 years ago

ad-test-select v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

SelectMenuLibrary

Run Locally

  • run nvm use to get the correct node version
  • if version v15.2.1 is absent, please add it or a compatible version
  • run yarn to get dependecies
  • run yarn storybook to see different use cases
  • run yarn test to run test cases
  • use examples from side menu to see different versions

Usage

  • Using published. version

There is already a published version on npm, as ad-test-select

  • add to your project with yarn add ad-test-select
  • use as import { Select } from 'ad-test-select'

<Select {...propsHere}/>

If you want to publish your own package with some changes you can follow below steps

  • 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 ${your_package_name}

  • use as

import { Select } from ${your_package_name}

<Select {...propsHere}/>

  • Using local. version

  • to test local version without publising

      • cd ad-test-select
      • yarn build
      • yarn link
      • cd node_modules/react
      • yarn link
      • cd ../../node_modules/react-dom
      • yarn link
      • cd YOUR_PROJECT
      • yarn link ad-test-select
      • 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

SyntaxDescriptionRequired
menuOptionsmenu options for selecttrue
searchableboolean (enable search)false
searchPlaceHolderstring (place holder for search)false
onChangefunctiontrue
selectedpreselcted valuefalse
renderOptionextended function to provide custom menu itemsfalse
isMenuOpenbooleanfalse
searchPlaceHolderstringfalse
dropDownlabelstringfalse
  selected = {
    value: string;
    label?: string; (not required)
  };
1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago