Expose position prop in DotTip component (#14972)

* Add position prop to DotTip

Added `position` prop to DotTip component. Closes #14923

* Update index.js

packages/nux/src/components/dot-tip/README.md

@@ -26,6 +26,14 @@ A string that uniquely identifies the tip. Identifiers should be prefixed with t
 - Type: `string`
 - Required: Yes
 
+### position
+
+The direction in which the popover should open relative to its parent node. Specify y- and x-axis as a space-separated string. Supports `"top"`, `"middle"`, `"bottom"` y axis, and `"left"`, `"center"`, `"right"` x axis.
+
+- Type: `String`
+- Required: No
+- Default: `"middle right"`
+
 ### children
 
 Any React element or elements can be passed as children. They will be rendered within the tip bubble.

packages/nux/src/components/dot-tip/index.js

@@ -20,6 +20,7 @@ function onClick( event ) {
 }
 
 export function DotTip( {
+	position = 'middle right',
 	children,
 	isVisible,
 	hasNextTip,
@@ -33,7 +34,7 @@ export function DotTip( {
 	return (
 		<Popover
 			className="nux-dot-tip"
-			position="middle right"
+			position={ position }
 			noArrow
 			focusOnMount="container"
 			getAnchorRect={ getAnchorRect }