Popup

Popup - компонент для создания всплывающего окна.

Base

Base

Position

Вот все позиции которые может принимать Popup относительно target.

top, top-left, top-right,

bottom, bottom-left, bottom-right,

left, left-top, left-bottom,

right, right-top, right-bottom.

Position

Shift

Сдвиг от target, положительное или отрицательное число.

Shift

animation

Виды анимации появления fade, docking, zoom.

Animation

Hover или Click

Popup может открываться как при наведении так и при нажатии указателя.

Mode

Scrollable

Popup устойчив к перемещению своей цели, несмотря на то что они находятся в разных DOM-узлах.

Scrollable

API

Name	Type	Default	Description
children	node		Это контент между открывающим и закрывающим тегом компонента.
classes	object		Объект содержит jss стили компонента.
className	string		Чтобы указать CSS классы, используйте этот атрибут.
target	object	{}	Это ref ссылка по которой прицепляется Popup.
open	bool		Если true, Popup будет виден.
onClose	func		Если есть onClose(), onClose
position	'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom', 'right', 'right-top', 'right-bottom'	'bottom'	Позиционирование относительно target.
autoHide	bool		Если true, Popup закроется сам если убрать курсор.
shift	number	0	Смещение в px от target.
animation	'fade', 'docking', 'zoom'	'fade'	Вид анимации.
mode	'hover', 'click'	'hover'	Режим открытия.