generated:catalog.entry.cdk-layout.title
generated:catalog.entry.cdk-layout.description
@xngui/cdk/layout@xngui/cdk/layoutchrome:demo.section
chrome:demo.preview
cdk-preview:cdk-layout.breakpoint
tier desktop · compact false · coarse pointer false
Wide layout — use multi-column patterns.
Scroll target — focus moves here after the button is pressed.
import { XBreakpointService } from '@xngui/cdk/layout';
const breakpoints = inject(XBreakpointService);
breakpoints.isCompact(); // false
breakpoints.tier(); // 'desktop'
breakpoints.hasCoarsePointer(); // false
chrome:demo.events.title 1
- breakpoint
{ "compact": false, "tier": "desktop", "coarsePointer": false }