@stephane1920/ts-dropdown-react

Dropdown menu.

A simple customizable react dropdown in typescript.
From project 14 OpenClassrooms, react app developer

Projet 14 Openclassroms
Demo

Installation

npm install @stephane1920/ts-dropdown-react
or
yarn add @stephane1920/ts-dropdown-react

Usage

import React from 'react';
import ReactDOM from 'react-dom/client';
import Dropdown from '@stephane1920/ts-dropdown-react';

const SomeComponent = () => {
  return (
    <div>
      <Dropdown 
        label='choicies'
        name='input-name'
        choicies={['option1','option2','option3','option4','option5']}
      />
    </div>
  )
};

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'
onSelect	callback()	No	N/A

License

ISC