add(xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`, yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`): default
Add a location fallback by defining an x and y anchor on the source component.
Parameters
xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`
yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`
add(xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`, xRefSelector: string, yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`): default
Add a location fallback by defining an x anchor on a selected ancestor component, and a y anchor on the source component.
Parameters
xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`
xRefSelector: string
yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`
add(xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`, yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`, yRefSelector: string): default
Add a location fallback by defining an x anchor on the source component, and a y anchor on a selected ancestor component.
Parameters
xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`
yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`
add(xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`, xRefSelector: string, yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`, yRefSelector: string): default
Add a location fallback by defining x and y anchors on selected ancestor components.
Parameters
xAnchor: "center" | `center +${number}` | `center -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "off left" | "off right" | "aligned left" | "aligned right" | `off left +${number}` | `off left -${number}` | `off right +${number}` | `off right -${number}` | `aligned left +${number}` | `aligned left -${number}` | `aligned right +${number}` | `aligned right -${number}` | "sticky off left" | `sticky off left +${number}` | `sticky off left -${number}` | "sticky off right" | `sticky off right +${number}` | `sticky off right -${number}` | "sticky aligned left" | `sticky aligned left +${number}` | `sticky aligned left -${number}` | "sticky aligned right" | `sticky aligned right +${number}` | `sticky aligned right -${number}`
xRefSelector: string
yAnchor: "center" | "off top" | "off bottom" | "aligned top" | "aligned bottom" | `center +${number}` | `center -${number}` | `off top +${number}` | `off top -${number}` | `off bottom +${number}` | `off bottom -${number}` | `aligned top +${number}` | `aligned top -${number}` | `aligned bottom +${number}` | `aligned bottom -${number}` | "sticky center" | `sticky center +${number}` | `sticky center -${number}` | "sticky off top" | `sticky off top +${number}` | `sticky off top -${number}` | "sticky off bottom" | `sticky off bottom +${number}` | `sticky off bottom -${number}` | "sticky aligned top" | `sticky aligned top +${number}` | `sticky aligned top -${number}` | "sticky aligned bottom" | `sticky aligned bottom +${number}` | `sticky aligned bottom -${number}`
Add a location fallback by defining an x and y anchor on the source component.