Cross References

Prop that merges a component's behavior onto its child element via Slot, enabling composition without wrapper divs.

Building complex UIs by combining small, focused components rather than configuring monolithic ones.

A component that shares implicit state with sub-components through React Context.

React's dependency injection mechanism for sharing data without prop drilling.

Component whose state is managed by its parent via props and callbacks.

Listens for outside clicks and Escape key to dismiss overlays, coordinating with nested layers.

Positioning engine for tooltips, popovers, and dropdowns that handles overflow, flipping, and shifting.

Prevents focus from leaving a designated region, cycling Tab between first and last focusable elements.

Traps and manages keyboard focus within a DOM subtree, essential for modal dialogs and popovers.

Composable positioning logic in Floating UI that transforms coordinates (flip, shift, offset, arrow).

Rendering a component as different HTML elements or other components, via 'as' prop or asChild pattern.

Renders children into a DOM node outside the parent hierarchy, breaking out of overflow and stacking contexts.

Controls mount/unmount lifecycle with animation support, keeping elements in the DOM until exit animations complete.

Base component that renders a native HTML element and supports polymorphism via asChild.

A function prop that lets a component delegate its rendering to the consumer.

Arrow-key navigation pattern where a single item in a group is tabbable and arrows move focus between items.

Merges parent props (event handlers, styles, refs) onto a single child element.

Component that manages its own internal state, exposing it through refs or callbacks.

A non-DOM reference element (like cursor position) that Floating UI can anchor to.