MCPcopy Create free account
hub / github.com/adobe/react-spectrum / SideNavItemContent

Function SideNavItemContent

packages/@react-spectrum/s2/src/SideNav.tsx:428–471  ·  view source on GitHub ↗
(props: SideNavItemContentProps)

Source from the content-addressed store, hash-verified

426}
427
428export const SideNavItemContent = (props: SideNavItemContentProps): ReactNode => {
429 let {children} = props;
430 let scale = useScale();
431 let linkProps = useContext(SideNavItemLinkContext);
432 let {setLinkPressed} = useContext(SideNavInternalItemContext);
433 let {selectedRoute} = useContext(InternalSideNavContext);
434
435 return (
436 <TreeItemContent>
437 {({
438 isExpanded,
439 hasChildItems,
440 isDisabled,
441 isSelected,
442 id,
443 state,
444 isHovered,
445 isPressed,
446 isFocusVisible,
447 isFocusVisibleWithin
448 }) => {
449 return (
450 <SideNavItemContentInner
451 isExpanded={isExpanded}
452 hasChildItems={hasChildItems}
453 isDisabled={isDisabled}
454 isSelected={isSelected}
455 setLinkPressed={setLinkPressed}
456 linkProps={linkProps}
457 scale={scale}
458 id={id}
459 state={state}
460 selectedRoute={selectedRoute}
461 isHovered={isHovered}
462 isPressed={isPressed}
463 isFocusVisible={isFocusVisible}
464 isFocusVisibleWithin={isFocusVisibleWithin}>
465 {children}
466 </SideNavItemContentInner>
467 );
468 }}
469 </TreeItemContent>
470 );
471};
472
473const SideNavItemContentInner = props => {
474 let {

Callers

nothing calls this directly

Calls 1

useScaleFunction · 0.90

Tested by

no test coverage detected