The table shows all combinations of possible values for the position
and align
props. The node
elements are colors in red while the anchor elements (children
) are colored in blue.
inline
updateOnAnimationFrame
showNode
position="top left"
| position="top center"
| position="top right"
| |||||||||||||||||||||||||||
position="middle left"
| position="middle center"
| position="middle right"
| |||||||||||||||||||||||||||
position="bottom left"
| position="bottom center"
| position="bottom right"
|
Stick created an element that prevented clicks to wrapped elements
Stick node must have the same width as the anchor element, if `sameWidth` prop is set
The stick node should not line-break just because the anchor node is small. The stick node must only line-break if it would not fit onto the screen otherwise.
with `inline` prop:
Stick nodes should always fit into the page and never cause a horizontal scrollbar to appear, even after resize
Stick should also be usable inside an SVG
The Stick component should not expect a `style` property to be present on its props.
The stick should be positioned correctly when transported to a container with `position: fixed`
Move your mouse over the squares. When you're hovering one another node should be shown. However, there should always only be one node at the same time.
Scroll to the side. The node should move with the anchor node.