@bryan__parisot/component-modal-dropdown-datepicker-tailwind-css

component-modal-dropdown-datepicker-tailwind-css

Library with modal content, dropdown and datePicker for easy use

for install

 npm install @bryan__parisot/component-modal-dropdown-datepicker-tailwind-css

Dropdown use

props:

• selected
• setSelected
• label,
• options,
• placeholder,
• name,
• onChange,

Example :

            <Dropdown
              placeholder="Choose your state"
              setSelected={setState}
              selected={state.name}
              options={states}
              label="State"
              name="State"
              onChange={(e) => e.target.value}
            />

Modal use

props:

• selected
• setSelected
• label,
• options,
• placeholder,
• name,
• onChange,

Example :

            <Dropdown
              placeholder="Choose your state"
              setSelected={setState}
              selected={state.name}
              options={states}
              label="State"
              name="State"
              onChange={(e) => e.target.value}
            />

Just add your array in options

datePicker

props:

• title,
• subtitle,
• button,
• displayModal

Example :

        <Modal
          button="Back to employee creation"
          subtitle=" You can access the users in the
                    employees"
          title="Users create"
          displayModal={setValidate}
        />

Tech Stack

Client: React, tailwind css

Authors

• @ParisotBryan

If you check the repository