Skip to main content
cngx-src documentation

CngxNavConfig

Interface

projects/common/interactive/nav/nav-config.ts

Import#

import { CngxNavConfig } from '@cngx/common/interactive'

Description#

Configuration options for the cngx nav system.

Index#

Instance Properties#

animationDuration#number
Optional

Default animation duration in ms for disclosure transitions.

When set, CngxNavGroup / CngxNavLink hosts in the provider scope emit it as the --cngx-nav-transition CSS custom property. When absent, the hosts emit nothing - the cascade and the documented var(--cngx-nav-transition, 150ms) fallback apply. Content panels are consumer-rendered siblings, so panel transitions read the token from the consumer's own container (set it there or scope the provider around a styled wrapper).

indent#number
Optional

Indentation in px per depth level.

When set, CngxNavGroup / CngxNavLink hosts in the provider scope emit it as the --cngx-nav-indent CSS custom property. When absent, the hosts emit nothing - consumer stylesheets keep full control via the cascade and the documented var(--cngx-nav-indent, 12px) fallback.

singleAccordion#boolean
Optional

When true, only one CngxNavGroup can be open at a time within the same provider scope. Opening one group closes the others.