Action button for use inside cngx-popover-panel footer · Rich popover panel molecule with header/body/footer slots, v...
common/popover
Category
No results found
Features17#
- ComponentCngxPopoverActionWCAG AAAction button for use inside cngx-popover-panel footer
- ComponentCngxPopoverPanelWCAG AARich popover panel molecule with header/body/footer slots, variant styling, arrow, close button, and content state te...
- DirectiveCngxPopoverWCAG AASignal-driven state machine for the native Popover API
- DirectiveCngxPopoverArrowCustom arrow ornament template
- DirectiveCngxPopoverBodyMarks the body content inside cngx-popover-panel
- DirectiveCngxPopoverCloseCustom close button template
- DirectiveCngxPopoverDividerSeparator for use inside cngx-popover-panel (or a bare [cngxPopover] )
- DirectiveCngxPopoverEmptyTemplate shown when panel content is empty
- DirectiveCngxPopoverErrorTemplate shown when panel content failed to load
- DirectiveCngxPopoverFooterMarks the footer content inside cngx-popover-panel
- DirectiveCngxPopoverHeaderMarks the header content inside cngx-popover-panel
- DirectiveCngxPopoverLoadingTemplate shown while panel content is loading
- DirectiveCngxPopoverTriggerWCAG AAARIA wiring atom for elements that trigger a CngxPopover
- DirectiveCngxTooltipWCAG AAString-input tooltip directive applied to the trigger element
- TokenCNGX_FLOATING_FALLBACKInjection token for the Floating UI fallback
- TokenCNGX_POPOVER_ARROW_BOUNDSInjection token for the arrow-bounds contract
- TokenCNGX_POPOVER_PANEL_CONFIGInjection token for popover panel configuration
References23#
- InterfaceCngxPopoverArrowBoundsGeometry contract for the popover panel's arrow ornament
- InterfaceCngxPopoverArrowContextContext object passed to a *cngxPopoverArrow template
- InterfaceCngxPopoverPanelConfigConfiguration for CngxPopoverPanel provided via providePopoverPanel()
- InterfaceFloatingFallbackConfigConfiguration for the Floating UI positioning fallback
- FunctionprovideFloatingFallbackProvides the Floating UI positioning fallback for browsers without CSS Anchor Positioning support
- FunctionprovidePopoverPanelProvides configuration for CngxPopoverPanel instances
- FunctionwithArrowShow the arrow on all panels by default
- FunctionwithArrowTemplateRegister an app-wide default template for the panel's arrow ornament
- FunctionwithAutoDismissAuto-dismiss the panel after a timeout, per variant
- FunctionwithCloseButtonShow the close button on all panels by default
- FunctionwithCloseOnSuccessAuto-close the panel after an async action in the footer succeeds
- FunctionwithDefaultVariantSet the default variant applied when no variant input is set
- Type AliasArrowEdgePrimary edge of the popover panel that faces the trigger after browser- driven shift / flip recovery
- Type AliasComputePositionFnSignature matching @floating-ui/dom computePosition
- Type AliasPopoverActionVariantVisual variant for the action button
- Type AliasPopoverHaspopupPermitted values for aria-haspopup on a popover trigger
- Type AliasPopoverModeNative popover attribute mode
- Type AliasPopoverPanelFeatureFeature function signature for providePopoverPanel()
- Type AliasPopoverPanelRoleARIA roles applicable to a CngxPopoverPanel host element
- Type AliasPopoverPlacementAnchor-relative placement of a popover
- Type AliasPopoverPositionTryFallbackCSS <try-tactic> keywords for the position-try-fallbacks property (CSS Anchor Positioning Level 1)
- Type AliasPopoverStateLifecycle state of a popover element
- Type AliasTooltipTriggerModeWhich event sources may open CngxTooltip