Skip to main content

DropDown

img

Usage​

import React from 'react'
import { Dropdown } from 'qdm-component-library'

function App() {
  const drop = [
    { value: 'Home', label: 'Home' },
    { value: 'About', label: 'About' },
    { value: 'Contact', label: 'Contact' },
  ]

  return <Dropdown options={drop} onChange={(e) => console.log(e)} />
}
export default App

Reference​

id​

props to uniquely identify string

name​

props for addding name attribute string

className​

props for adding classname string

onChange​

props for changing and handling function Function

children​

props for providing children for Dropdown Component React Node

inLineStyles​

props for providing styling for drop down component object

value​

props for providing drop down options to the component Array of Object

elevation​

props for providing box shadow to the drop down list '0'|'1'|'2'|'3'|'4'|'5'

fullWidth​

if true its providing full width to its parent boolean

props for changing font color of the drop down list string

props for changing font size of the drop down list string

activeTextColor​

props for changing font color of the active drop down list string

props for providing margin to the dropdown list number

props for providing padding to the dropdown list number