OriginDropdown

A dropdown with origin-aware expansion — the menu materializes from the chosen side with a slight scale and an inward translation, so its perceived origin is the trigger edge closest to the menu.

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/origin-dropdown

API Reference

PropTypeDefaultDescription
triggerReact.ReactNodeundefinedCustom trigger content
itemsOriginDropdownItem[]undefinedMenu items (alternative to children)
childrenReact.ReactNodeundefinedCustom menu content
side'top' | 'right' | 'bottom' | 'left''bottom'Side the menu opens from
openbooleanundefinedControlled open state
defaultOpenbooleanfalseInitial open state
onOpenChange(open: boolean) => voidundefinedOpen state change callback