@maggioli-design-system/mds-dropdown

mds-dropdown

Properties

Property	Attribute	Description	Type	Default
arrow	arrow	If set, the component will have an arrow pointing to the caller.	boolean	true
arrowPadding	arrow-padding	Sets the distance between arrow and dropdown margins.	24	24
autoPlacement	auto-placement	If set, the component will be placed automatically near it's caller.	boolean	false
backdrop	backdrop	Specifies if the component has a backdrop background	boolean	false
flip	flip	Specifies the placement of the component if no space is available where it is placed.	boolean	false
offset	offset	Sets distance between the dropdown and the caller.	24	24
placement	placement	Specifies where the component should be placed relative to the caller.	"bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"	'bottom'
shift	shift	If set, the component will be kept inside the viewport.	boolean	true
shiftPadding	shift-padding	Sets a safe area distance between the dropdown and the viewport.	24	24
smooth	smooth	If set, the component will follow the caller smoothly, visible when the page scrolls.	boolean	true
strategy	strategy	Sets the CSS position strategy of the component.	"absolute" | "fixed"	'fixed'
visible	visible	Specifies the visibility of the component.	boolean	false

Events

Event	Description	Type
closeDropdown	Emits when a modal is closed	CustomEvent<void>

---

Built with love @ Maggioli Informatica / R&D Department