@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
15 lines (14 loc) • 716 B
JavaScript
import { useContext } from 'react';
import { TopNavElementContext } from './top-nav-element-context';
/**
* Private breakpoint state for React rendering (overflow and responsive buttons).
* Presentation is handled by TopNav container queries, independently of this hook.
* Returns null outside TopNav or when platform-dst-chat-panel-layout is disabled.
* SSR and initial hydration have no measured width. Each consumer chooses its
* fallback until measurement is published in a transition, allowing suspended
* navigation to finish hydrating without losing its server DOM. All consumers
* share one observer on TopNav.
*/
export function useTopNavBreakpoints() {
return useContext(TopNavElementContext);
}