mdtemp2-dropdown

md-dropdown

Md-dropdown is a simplest way to create a dropdown on your ReactJS site.

• Very small (less than 7Kb)
• Mobile friendly
• Without dependencies

Getting Started

Install this package:

npm i md-dropdown

Import the component, and define the options.

All other attributes are optional.

If a default value is not defined, the first option will be selected.

You can add all <select /> compatible attributes as wanted.

import { Dropdown } from 'md-dropdown';

<Dropdown
    label="Department" //optional
    labelclassname="block my-1" //optional
    options={[
    'Sales',
    'Marketing',
    'Engineering',
    'Human Ressources',
    'Legal',
    ]} //required
    defaultValue={Engineering} //optional
    onChange={onChange} //optional
    onBlur={onBlur} //optional
    className="form-select bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg block w-full p-2.5" //optional
/>