Installation: Run the following command: `npm install @stephane1920/ts-dropdown-react`
npm install @stephane1920/ts-dropdown-reactA simple customizable react dropdown in typescript.
From project 14 OpenClassrooms, react app developer
Projet 14 Openclassroms
Demo
npm install @stephane1920/ts-dropdown-react`
or
`yarn add @stephane1920/ts-dropdown-react`
Usage
`jsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import Dropdown from '@stephane1920/ts-dropdown-react';const SomeComponent = () => {
return (
label='choicies'
name='input-name'
choicies={['option1','option2','option3','option4','option5']}
/>
)
};
`Props
|Label|Type|Required|Default|
|:----|:----:|:------:|:----:|
|label | string | Yes | N/A |
|name | string | Yes | N/A |
|zIndex | number | No | `1` |
|choicies | string[ ] | Yes | N/A |
|error | boolean | No | `false` |
|value | string | No | `''` |
|textColor | string | No | `'#70757A'` |
|focusColor | string | No | `'#059ECE'` |
|errorColor | string | No | `'#EF6C6C'`|
|borderColor | string | No | `'#DADCE0'` |
|borderRadius | string | No | `'5px'``|