dy / placer

Place any element relative to any other element the way you define

Placer

Place any two DOM elements in a way you like. Mainly needed for dropdowns, tooltips, modals, notifiers and any kind of overlays.

Demo & tests

Usage

var place = require('placer');

place(element, {
	target: otherElement,
	side: 'top',
	align: 'left',
	within: '.holder'
})

Options

Parameter	Default	Description
target	window	An area to align element relative to.
side	undefined	The side to place element: 'center', 'top', 'left', 'bottom', 'right' or 'auto'.
align	'left'	Alignment, 0..1 or one of the sides keywords.
within	window	Restriction area.

Alternatives

• adjust
• tether
• positions
• positionining
• popper
• satellite
• nanopop
• floating-ui