Skip to main content
cngx-src documentation
cngx-src documentation
Search...
⌘
Ctrl
K
Getting started
Overview
README
CHANGELOG
CONTRIBUTING
LICENSE
Core Concepts
The CNGX Way
The Three Pillars
Layered Design
Atomic Decompose
Signal-First Internals
Signal Hook Selection
Async State Machine
Store Bridges & Async Observability
Instrumentation Pattern
Forms & Inputs
Forms Integration
Libraries
Common
A11y
12
CngxActiveDescendant
CngxAriaExpanded
CngxAutofocus
CngxFocusRestore
CngxFocusTrap
CngxFocusVisible
CngxLiveRegion
CngxReducedMotion
CngxRovingItem
CngxRovingTabindex
CngxLiveAnnouncer
CNGX_AD_ITEM
T
Audio
7
CngxAudio
CngxAudioPitch
CngxAudioStatus
CngxAudioZone
CNGX_AUDIO_CONFIG
T
CNGX_AUDIO_ENGINE_FACTORY
T
CNGX_AUDIO_TONE_GENERATOR_FACTORY
T
Card
14
CngxCard
CngxCardGrid
CngxCardSkeleton
CngxCardTimestamp
CngxCardAccent
CngxCardActions
CngxCardBadge
CngxCardBody
CngxCardFooter
CngxCardGridEmpty
CngxCardHeader
CngxCardMedia
CngxCardSubtitle
CngxCardTitle
Chart
5
Axis
1
CngxAxis
I18n
1
CNGX_CHART_I18N
T
Layers
6
CngxArea
CngxBand
CngxBar
CngxLine
CngxScatter
CngxThreshold
Legend
1
CngxChartLegend
Presets
7
CngxBullet
CngxDeviationBar
CngxDonut
CngxMiniArea
CngxMiniBar
CngxSparkline
CngxStackedBar
CngxChart
CngxChartEmpty
CngxChartError
CngxChartLoading
CNGX_CHART_CONTEXT
T
Data
1
Async-registry
4
CngxAsyncRegistry
CNGX_ASYNC_LABEL
T
CNGX_ASYNC_SKIP
T
cngxAsyncInterceptor
Async-state
1
CngxAsync
Commit
1
CNGX_COMMIT_CONTROLLER_FACTORY
T
Data-source
2
CngxDataSource
CngxSmartDataSource
Filter
3
CngxFilterChips
CngxFilter
CngxFilterChip
Metric
10
CngxDelta
CngxGoal
CngxMetric
CngxStat
CngxStatus
CngxTrend
CngxStatCaption
CngxStatDelta
CngxStatLabel
CngxStatValue
Paginate
5
CngxBucketPaginate
CngxPaginate
CngxPaginateResetOn
CngxPaginateRouting
CNGX_BUCKET_PAGINATE_HOST
T
Recycler
4
CngxRecyclerAnnouncer
CngxMeasure
CngxVirtualItem
CNGX_RECYCLER_I18N
T
Sort
2
CngxSort
CngxSortHeader
CNGX_STAT
T
Dialog
11
CngxBottomSheet
CngxDialog
CngxDialogClose
CngxDialogDescription
CngxDialogDraggable
CngxDialogTitle
CngxDialogOpener
CngxDialogStack
CNGX_DIALOG_DATA
T
DIALOG_REF
T
CngxDialogRef
Display
22
CngxAvatar
CngxAvatarGroup
CngxCheckboxIndicator
CngxChip
CngxIcon
CngxMeta
CngxMetaList
CngxPasswordStrengthMeter
CngxRadioIndicator
CngxSegmentedProgress
CngxTag
CngxTagGroup
CngxTime
CngxBadge
CngxDivider
CngxTagGroupAccessory
CngxTagGroupHeader
CngxTagLabel
CngxTagPrefix
CngxTagSuffix
CNGX_TAG_CONFIG
T
CNGX_TAG_GROUP
T
Interactive
43
Accordion
3
CngxAccordion
CngxAccordionPanel
CNGX_ACCORDION
T
Breadcrumb
5
CngxBreadcrumb
CngxBreadcrumbItem
CngxBreadcrumbSeparator
CNGX_BREADCRUMB
T
CNGX_BREADCRUMB_COLLAPSE_STRATEGY
T
Error
6
CngxErrorAggregator
CngxErrorScope
CngxErrorSource
CngxErrorState
CNGX_ERROR_AGGREGATOR
T
CNGX_ERROR_SCOPE
T
Gestures
3
CngxLongPress
CngxSwipe
CngxSwipeDismiss
Guard
1
CngxBeforeUnload
Keyboard
3
CngxClickOutside
CngxKeyboardShortcut
CngxSearch
Listbox
8
CngxListbox
CngxListboxSearch
CngxListboxTrigger
CngxOption
CngxOptionGroup
CNGX_OPTION_FILTER_HOST
T
CNGX_OPTION_INTERACTION_HOST
T
CNGX_OPTION_STATUS_HOST
T
Menu
21
CngxContextMenuTrigger
CngxMenu
CngxMenuGroup
CngxMenuItem
CngxMenuItemCheckbox
CngxMenuItemIcon
CngxMenuItemKbd
CngxMenuItemLabel
CngxMenuItemRadio
CngxMenuItemSubmenu
CngxMenuItemSuffix
CngxMenuSeparator
CngxMenuTrigger
CngxMenuAnnouncer
CNGX_MENU_ANNOUNCER_FACTORY
T
CNGX_MENU_CONFIG
T
CNGX_MENU_DISMISS_HANDLER_FACTORY
T
CNGX_MENU_HOST
T
CNGX_MENU_NAV_STRATEGY
T
CNGX_MENU_RADIO_GROUP
T
CNGX_MENU_SUBMENU_ITEM
T
Reorder
2
CngxReorder
CNGX_CHIP_STRIP_ROVING_FACTORY
T
Slider
6
CngxRangeSlider
CngxSlider
CngxRangeSliderTrack
CngxSliderThumb
CngxSliderTrack
CNGX_SLIDER_RANGE
T
Tree
4
CngxHierarchicalNav
CNGX_HIERARCHICAL_NAV_STRATEGY
T
CNGX_TREE_CONFIG
T
CNGX_TREE_CONTROLLER_FACTORY
T
CngxButtonMultiToggleGroup
CngxButtonToggleGroup
CngxCheckbox
CngxCheckboxGroup
CngxChipGroup
CngxCloseButton
CngxCopyBlock
CngxMultiChipGroup
CngxRadio
CngxRadioGroup
CngxToggle
CngxAsyncClick
CngxAsyncStatus
CngxButtonToggle
CngxChipInGroup
CngxChipInput
CngxChipInteraction
CngxCopyText
CngxDisclosure
CngxExpandable
CngxFailed
CngxHoverable
CngxHoverIntent
CngxNavBadge
CngxNavGroup
CngxNavLabel
CngxNavLink
CngxPending
CngxPressable
CngxPressRipple
CngxRipple
CngxSpeak
CngxSucceeded
CngxNavGroupRegistry
CNGX_BUTTON_MULTI_TOGGLE_GROUP
T
CNGX_BUTTON_TOGGLE_GROUP
T
CNGX_CHIP_GROUP_HOST
T
CNGX_CLOSE_ICON
T
CNGX_CONTROL_VALUE
T
CNGX_HOVER_INTENT_DEFAULTS
T
CNGX_NAV_CONFIG
T
CNGX_OPTION_CONTAINER
T
CNGX_RADIO_GROUP
T
Layout
16
CngxExpandableText
CngxBackdrop
CngxDrawer
CngxDrawerContent
CngxDrawerPanel
CngxExpandableToggle
CngxHighlight
CngxInfiniteScroll
CngxIntersectionObserver
CngxMediaQuery
CngxResizeObserver
CngxScrollLock
CngxScrollSpy
CngxSkeleton
CngxStickyHeader
CngxTruncate
Popover
17
CngxPopoverAction
CngxPopoverPanel
CngxPopover
CngxPopoverArrow
CngxPopoverBody
CngxPopoverClose
CngxPopoverDivider
CngxPopoverEmpty
CngxPopoverError
CngxPopoverFooter
CngxPopoverHeader
CngxPopoverLoading
CngxPopoverTrigger
CngxTooltip
CNGX_FLOATING_FALLBACK
T
CNGX_POPOVER_ARROW_BOUNDS
T
CNGX_POPOVER_PANEL_CONFIG
T
Stepper
16
I18n
1
CNGX_STEPPER_I18N
T
Slots
8
CngxDotStepperDot
CngxStepBadge
CngxStepBusySpinner
CngxStepError
CngxStepGroupHeader
CngxStepIndicator
CngxStepperEmpty
CngxStepRejection
CngxStepperCount
CngxStep
CngxStepContent
CngxStepGroup
CngxStepLabel
CngxStepperComplete
CngxStepperNext
CngxStepperPresenter
CngxStepperPrevious
CngxStepperRouterSync
CngxStepperSwipeNav
CNGX_STEP_GROUP_HOST
T
CNGX_STEP_PANEL_HOST
T
CNGX_STEPPER_COMMIT_HANDLER_FACTORY
T
CNGX_STEPPER_CONFIG
T
CNGX_STEPPER_HOST
T
Tabs
12
I18n
1
CNGX_TABS_I18N
T
Overflow
5
CngxTabOverflowItem
CngxTabOverflowTrigger
CNGX_DOM_ANCHOR_RETRY_FACTORY
T
CNGX_OVERFLOW_POPOVER_HIGHLIGHT_FACTORY
T
CNGX_TAB_OVERFLOW_DOM_ADAPTER_FACTORY
T
Registry
1
CNGX_DIRECTIVE_BY_ID_MAP_FACTORY
T
Scroll-sync
1
CNGX_ORGANISM_SCROLL_SYNC_FACTORY
T
Slots
7
CngxTabAddIcon
CngxTabBusySpinner
CngxTabCloseIcon
CngxTabErrorBadge
CngxTabIcon
CngxTabRejectionIcon
CngxTabSubLabel
CngxTab
CngxTabContent
CngxTabGroupPresenter
CngxTabLabel
CngxTabLink
CngxTabsFragmentSync
CngxTabsRouteSync
CNGX_TAB_GROUP_HOST
T
CNGX_TAB_PANEL_HOST
T
CNGX_TABS_COMMIT_ACTION
T
CNGX_TABS_COMMIT_HANDLER_FACTORY
T
CNGX_TABS_CONFIG
T
Core
Theming
2
CngxDensity
CNGX_DENSITY
T
Tokens
4
CNGX_FORM_FIELD_CONTROL
T
CNGX_FORM_FIELD_HOST
T
ENVIRONMENT
T
WINDOW
T
Utils
1
Selection
1
CNGX_SELECTION_CONTROLLER_FACTORY
T
CNGX_STATEFUL
T
Data-display
Treetable
6
CngxTreetable
CngxCellTpl
CngxEmptyTpl
CngxHeaderTpl
CngxTreetableRow
CNGX_TREETABLE_CONFIG
T
Forms
Controls
2
CngxFormBridge
CngxTypedControl
Field
20
CngxFieldErrors
CngxFormErrors
CngxFormField
CngxLabel
CngxRequired
CngxAffixRow
CngxBindField
CngxError
CngxErrorScopeFieldBridge
CngxFormFieldPresenter
CngxHint
CngxListboxFieldBridge
CngxPrefix
CngxRangeSliderFieldBridge
CngxSliderFieldBridge
CngxSuffix
CNGX_ERROR_MESSAGES
T
CNGX_FORM_FIELD_CONFIG
T
CNGX_FORM_FIELD_REVEAL
T
CNGX_VALUE_TRANSFORMER
T
Filter-builder
9
Config
2
CNGX_FILTER_BUILDER_CONFIG
T
CNGX_FILTER_EDITORS
T
Slots
10
CngxFilterBuilderAddFilterButton
CngxFilterBuilderAddGroupButton
CngxFilterBuilderEmpty
CngxFilterBuilderExpressionTemplate
CngxFilterBuilderGroupTemplate
CngxFilterBuilderLogicToggle
CngxFilterBuilderNegationToggle
CngxFilterBuilderRemoveButton
CngxFilterBuilderValueEditor
CNGX_FILTER_BUILDER_TEMPLATE_REGISTRY_FACTORY
T
State
2
CNGX_FILTER_BUILDER_ANNOUNCER_FACTORY
T
CNGX_FILTER_BUILDER_STATE_FACTORY
T
CngxFilterBuilder
CngxFilterBuilderBody
CngxFilterExpressionRow
CngxFilterRow
CngxFilterBuilderFormFieldControl
CngxFilterBuilderPresenter
CngxFilterExpression
CngxFilterGroup
CNGX_FILTER_BUILDER_BODY_HOST
T
Input
24
CngxCharCount
CngxPhoneInput
CngxRating
CngxAutosize
CngxCapsLock
CngxCopyValue
CngxFileDrop
CngxInput
CngxInputClear
CngxInputFilter
CngxInputFormat
CngxInputMask
CngxNumericInput
CngxOtpInput
CngxOtpSlot
CngxPasswordStrength
CngxPasswordToggle
CngxPasteTransform
CngxRatingItem
CngxSensitiveValue
CngxTrim
CNGX_INPUT_CONFIG
T
CNGX_PASSWORD_STRENGTH_FACTORY
T
CNGX_PHONE_METADATA
T
Select
2
Action-multi-select
1
CngxActionMultiSelect
Action-select
1
CngxActionSelect
Combobox
1
CngxCombobox
Commit
6
CNGX_ARRAY_COMMIT_HANDLER_FACTORY
T
CNGX_CHIP_REMOVAL_HANDLER_FACTORY
T
CNGX_COMMIT_ERROR_ANNOUNCER_FACTORY
T
CNGX_CREATE_COMMIT_HANDLER_FACTORY
T
CNGX_SCALAR_COMMIT_HANDLER_FACTORY
T
CNGX_SELECT_COMMIT_CONTROLLER_FACTORY
T
Config
2
CNGX_ACTION_SELECT_CONFIG
T
CNGX_SELECT_CONFIG
T
Controllers
3
CNGX_DISMISS_HANDLER_FACTORY
T
CNGX_FLAT_NAV_STRATEGY
T
CNGX_SEARCH_EFFECTS_FACTORY
T
Declarative
5
CngxSelectDivider
CngxSelectOptgroup
CngxSelectOption
CngxSelectSearch
CNGX_SELECT_SHELL_SEARCH_HOST
T
Multi-select
1
CngxMultiSelect
Panel
2
CNGX_PANEL_LIFECYCLE_EMITTER_FACTORY
T
CNGX_PANEL_RENDERER_FACTORY
T
Reorderable-multi-select
3
CngxReorderableMultiSelect
CNGX_REORDER_COMMIT_HANDLER_FACTORY
T
CNGX_REORDERABLE_SELECT_CONFIG
T
Shell
1
CngxSelectShell
Single-select
1
CngxSelect
State
5
CNGX_ACTION_HOST_BRIDGE_FACTORY
T
CNGX_DISPLAY_BINDING_FACTORY
T
CNGX_LOCAL_ITEMS_BUFFER_FACTORY
T
CNGX_PROJECTED_OPTION_MODEL_FACTORY
T
CNGX_SELECT_DISABLE_FIELD_SYNC
T
Templates
25
CngxComboboxChip
CngxComboboxTriggerLabel
CngxMultiSelectChip
CngxMultiSelectChipHandle
CngxMultiSelectTriggerLabel
CngxSelectAction
CngxSelectCaret
CngxSelectCheck
CngxSelectClearButton
CngxSelectCommitError
CngxSelectEmpty
CngxSelectError
CngxSelectInputPrefix
CngxSelectInputSuffix
CngxSelectLoading
CngxSelectLoadingGlyph
CngxSelectOptgroupTemplate
CngxSelectOptionError
CngxSelectOptionLabel
CngxSelectOptionPending
CngxSelectPlaceholder
CngxSelectRefreshing
CngxSelectRetryButton
CngxSelectTriggerLabel
CNGX_TEMPLATE_REGISTRY_FACTORY
T
Tree-select
4
CngxTreeSelect
CngxTreeSelectChip
CngxTreeSelectNode
CngxTreeSelectTriggerLabel
Typeahead
1
CngxTypeahead
CngxSelectAnnouncer
CNGX_TRIGGER_FOCUS_FACTORY
T
Ui
Accordion
12
CngxAccordionGroup
CngxAccordionItem
CngxAccordionItemBusy
CngxAccordionItemContent
CngxAccordionItemError
CngxAccordionItemIcon
CngxAccordionItemLeading
CngxAccordionItemMeta
CngxAccordionItemSubtitle
CngxAccordionItemTitle
CNGX_ACCORDION_CONFIG
T
CNGX_ACCORDION_GROUP
T
Action-button
1
CngxActionButton
Breadcrumb
12
CngxBreadcrumbBar
CngxBreadcrumbOverflow
CngxBreadcrumbSiblings
CngxBreadcrumbIcon
CngxBreadcrumbItemAccessory
CngxBreadcrumbOverflowItem
CngxBreadcrumbRouterSync
CngxBreadcrumbSiblingItem
CngxBreadcrumbSiblingsRouterSync
CNGX_BREADCRUMB_CONFIG
T
CNGX_BREADCRUMB_ITEMS_SOURCE
T
CNGX_BREADCRUMB_SIBLINGS_SOURCE
T
Collection
7
CngxIncrementalList
CngxIncrementalEmpty
CngxIncrementalEnd
CngxIncrementalError
CngxIncrementalItem
CngxIncrementalLoading
CNGX_INCREMENTAL_LIST_CONFIG
T
Data-grid-accordion
13
CngxDataGridAccordion
CngxDataGridFooter
CngxDataGridHeader
CngxDataGridRow
CngxDgaFilterField
CngxDgaCount
CngxDgaFilter
CngxDgaRowBusy
CngxDgaRowError
CngxDgaSortHeader
CngxDgCell
CNGX_DATA_GRID_ACCORDION
T
CNGX_DATA_GRID_ACCORDION_CONFIG
T
Empty-state
1
CngxEmptyState
Feedback
1
Alert
6
CngxAlert
CngxAlertStack
CngxAlertAction
CngxAlertIcon
CngxAlertOn
CngxAlerter
Async
5
CngxAsyncContainer
CngxAsyncContentTpl
CngxAsyncEmptyTpl
CngxAsyncErrorTpl
CngxAsyncSkeletonTpl
Banner
4
CngxBannerOutlet
CngxBannerTrigger
CngxBannerOn
CngxBanner
Loading
3
CngxLoadingIndicator
CngxLoadingOverlay
CngxProgress
Toast
4
CngxToast
CngxToastOutlet
CngxToastOn
CngxToaster
CNGX_FEEDBACK_CONFIG
T
Layout
2
CngxGrid
CngxStack
Mat-accordion
1
CngxMatAccordion
Mat-paginator
1
CngxMatPaginator
Mat-stepper
2
CngxMatStepper
CNGX_MAT_STEP_HANDLE_FACTORY
T
Mat-tabs
11
CngxMatTabAggregatorContent
CngxMatTabError
CngxMatTabErrorFlag
CngxMatTabLink
CngxMatTabNav
CngxMatTabRejectionContent
CngxMatTabs
CngxMatTabsRegistry
CNGX_MAT_TAB_HANDLE_FACTORY
T
CNGX_MAT_TABS_CONFIG
T
CNGX_MAT_TABS_REGISTRY_HOST
T
Overlay
2
CngxOverlay
CngxOverlayRef
Paginator
21
CngxPaginator
CngxPaginatorAlpha
CngxPaginatorDots
CngxPaginatorFirst
CngxPaginatorGoto
CngxPaginatorInfinite
CngxPaginatorLast
CngxPaginatorLoadMore
CngxPaginatorNext
CngxPaginatorPageOfPages
CngxPaginatorPages
CngxPaginatorPageSize
CngxPaginatorPrev
CngxPaginatorRail
CngxPaginatorRange
CngxPaginatorStatus
CngxPaginatorLoading
CNGX_PAGINATOR_ANNOUNCER_FACTORY
T
CNGX_PAGINATOR_CONFIG
T
CNGX_PAGINATOR_HOST
T
CNGX_PAGINATOR_PAGE_WINDOW_FACTORY
T
Sidenav
8
CngxSidenav
CngxSidenavContent
CngxSidenavLayout
CngxSidenavFooter
CngxSidenavHeader
CngxSidenavRouterSync
CNGX_SIDENAV
T
CNGX_SIDENAV_CONFIG
T
Skeleton
2
CngxSkeletonContainer
CngxSkeletonPlaceholder
Speak
1
CngxSpeakButton
Stepper
8
CngxDotStepper
CngxProgressBarStepper
CngxStepper
CngxStepperFooter
CngxTextStepper
CngxStepperFooterCenter
CngxStepperFooterEnd
CngxStepperFooterStart
Tabs
3
CngxTabGroup
CngxTabNav
CngxTabOverflow
Reference
Documentation coverage
Documentation generated using
compodoc
x
Loading indicator atom - purely visual, blocks no interaction · Loading overlay - content container that blocks inter...
Categories
ui
feedback
loading
ui/feedback/loading
Category
Features
3
#
Component
CngxLoadingIndicator
WCAG AA
Loading indicator atom - purely visual, blocks no interaction
Component
CngxLoadingOverlay
WCAG AA
Loading overlay - content container that blocks interaction while loading
Component
CngxProgress
WCAG AA
Progress indicator atom - determinate or indeterminate
References
3
#
Function
withSpinnerTemplate
Replace the built-in SVG spinner in CngxLoadingIndicator and CngxLoadingOverlay
Type Alias
LoadingIndicatorVariant
Visual variant for the loading indicator
Type Alias
ProgressVariant
Visual variant for the progress indicator
No results
Loading search...