DropDown
is used to create a dropdown or dropup
PropDescriptionValue(s)
`side`Set the position of the dropdown`left | right`
`drop`switch between dropdown and dropup`down | up | default:down`
DropMenu
It holds the content of the dropdown
PropDescriptionValue(s)
`state`Open and close dropdown`Boolean`
`animation`Create an animation effect for your dropdown`ScaleUp , Opacity`
`duration`animation duration`<number>`
`width`set a width for your dropdown or dropup`CSS measurment values`
#
Dropdown with scaleup animation of 0.5s
This is a simple dropdown with an animation of scale up in 0.5s
React / Next.js Show Source Code
Item One
Item Two
Item Three
#
Dropup
Let's create a simple dropup
React / Next.js Show Source Code
Links
Item Two
Item Three