Molecule wrapping CngxTruncate with a built-in expand/collapse toggle · Manages backdrop overlay behavior: visibility...
common/layout
Category
No results found
Features18#
- ComponentCngxExpandableTextWCAG AAMolecule wrapping CngxTruncate with a built-in expand/collapse toggle
- DirectiveCngxBackdropWCAG AAManages backdrop overlay behavior: visibility, click-to-close, and inert toggling on sibling elements
- DirectiveCngxContainerObserves a query container and publishes its size to descendants through {@link CNGX_CONTAINER_SIZE}
- DirectiveCngxDrawerWCAG AAState owner for a drawer / sidebar system
- DirectiveCngxDrawerContentMarks the main content area adjacent to a drawer panel
- DirectiveCngxDrawerPanelWCAG AAThe sliding panel of a drawer
- DirectiveCngxExpandableToggleMarks a custom toggle template inside cngx-expandable-text
- DirectiveCngxHighlightWCAG AASearch-text highlighting via <mark> elements
- DirectiveCngxInfiniteScrollWCAG AAInfinite scroll trigger using IntersectionObserver
- DirectiveCngxIntersectionObserverObserves whether the host element is visible in the viewport or a scroll container
- DirectiveCngxMediaQueryReactive media query directive that exposes a matches signal
- DirectiveCngxResizeObserverObserves size changes of the host element via the ResizeObserver API
- DirectiveCngxScrollLockPrevents scrolling on the document body when enabled
- DirectiveCngxScrollSpyWCAG AATracks which section is currently most visible in the viewport
- DirectiveCngxSkeletonWCAG AAHeadless skeleton loading placeholder
- DirectiveCngxStickyHeaderWCAG AACommunicates when a sticky-positioned element becomes stuck
- DirectiveCngxTruncateWCAG AAManages text truncation with expand/collapse state detection
- TokenCNGX_CONTAINER_SIZEThe nearest query container declared by {@link CngxContainer}
References13#
- InterfaceCngxExpandableToggleContextTemplate context for the custom toggle template
- InterfaceQueryParamSyncOptionsOptions for {@link injectQueryParamSync}
- FunctioncreateScrollLockAcquire a ref-counted scroll lock on a document root and get back the matching release function
- FunctioninjectMediaQueryInject-form of {@link CngxMediaQuery}: returns a reactive Signal<boolean> that reflects whether the host window...
- FunctioninjectQueryParamSyncBidirectional sync between a caller-owned WritableSignal<T> and a named query param
- Type AliasDrawerModeHow the drawer panel interacts with the content area
- Type AliasDrawerPositionPosition from which the drawer panel slides in
- InterfaceCngxContainerSizeReactive read of a query container: its size, and the custom properties its @container rules resolved to
- InterfaceResizeObserverHostStructural window surface the resize helpers read: window , globalThis , or a test double
- FunctioncreateContainerSizeCreates a {@link CngxContainerSize} over element
- FunctioncreateResizeSignalCreates a Signal<ResizeObserverEntry | null> that carries the most recent observation of element , null until t...
- FunctioninjectContainerSizeReads the nearest query container declared by a [cngxContainer] ancestor, or observes target (default: the host eleme...
- FunctionobserveResizeSubscribes apply to size changes of element on host