Documentation task requiring understanding of CSS variables and data attributes across components.
The issue involves documenting CSS custom properties and data attributes exposed by Base UI components in WordPress UI. Tasks include per-component documentation, package-level policy documentation, and auditing existing components. The main blocker is uncertainty about where and how to document these properties.
From discussion on #76438: Base UI components expose public APIs beyond React props — specifically CSS custom properties (e.g. --available-height, --anchor-width, --transform-origin on the Positioner) and data attributes (e.g. data-open, data-side, data-starting-style).
We agreed to use Base UI's CSS custom properties and data attributes directly — no aliasing or namespacing with a --wp-ui-* prefix. Gating them adds maintenance overhead with no practical benefit, especially since data attributes can't be gated at all.
However, these APIs must be documented, since they are part of the effective public API of each component.
Each @wordpress/ui component that exposes Base UI CSS variables or data attributes should document them. This includes:
--available-height, --anchor-width on Popover.Popup's positioner)data-open, data-side, data-starting-style)Open question: where and how should this documentation live?
Add a section to the @wordpress/ui package documentation explaining the overall policy:
@wordpress/ui components are built on Base UI primitivesReview all existing @wordpress/ui componen
Claim this issue to let others know you're working on it. You'll earn 20 points when you complete it!