chrome:shell.skip

generated:catalog.entry.cdk-layout.title

generated:catalog.entry.cdk-layout.description

@xngui/cdk/layout
@xngui/cdk/layout

chrome: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.
demo-preview:hints.category.assistive:
TipSR
import { XBreakpointService } from '@xngui/cdk/layout';
 
const breakpoints = inject(XBreakpointService);
 
breakpoints.isCompact(); // false
breakpoints.tier(); // 'desktop'
breakpoints.hasCoarsePointer(); // false

chrome:demo.events.title 1

  1. breakpoint
    {
      "compact": false,
      "tier": "desktop",
      "coarsePointer": false
    }