diff --git a/docs/src/app/(private)/experiments/popover/popovers.tsx b/docs/src/app/(private)/experiments/popover/popovers.tsx index 46d686406e..6b23bb03d9 100644 --- a/docs/src/app/(private)/experiments/popover/popovers.tsx +++ b/docs/src/app/(private)/experiments/popover/popovers.tsx @@ -48,6 +48,13 @@ const contents = [ , ]; +function PopoverWithSettings( + props: Popover.Root.Props & React.RefAttributes, +) { + const { settings } = useExperimentSettings(); + return ; +} + export default function Popovers() { const { settings } = useExperimentSettings(); @@ -68,29 +75,29 @@ export default function Popovers() {

Popovers

Uncontrolled, single trigger

- + {renderPopoverContent(0, settings)} - - + + {renderPopoverContent(1, settings)} - - + + {renderPopoverContent(2, settings)} - +

Controlled, single trigger

- setSingleTriggerOpen(nextOpen)} > {renderPopoverContent(0, settings)} - + @@ -98,7 +105,7 @@ export default function Popovers() {

Uncontrolled, multiple triggers within Root

- + {({ payload }) => ( @@ -107,12 +114,12 @@ export default function Popovers() { {renderPopoverContent(payload as number, settings)} )} - +

Controlled, multiple triggers within Root

- { setControlledWithinRootOpen(open); @@ -128,7 +135,7 @@ export default function Popovers() { {renderPopoverContent(payload as number, settings)} )} - +