Declarative sidebar component for the four drawer modes ( over , push , side , mini ) plus an auto default, two-way [
ui/sidenav
Category
No results found
Features8#
- ComponentCngxSidenavWCAG AADeclarative sidebar component for the four drawer modes ( over , push , side , mini ) plus an auto default, two-way [...
- ComponentCngxSidenavContentWCAG AAMain content area within a CngxSidenavLayout
- ComponentCngxSidenavLayoutWCAG AAContainer for one or two CngxSidenav panels and a CngxSidenavContent
- DirectiveCngxSidenavFooterBottom region of <cngx-sidenav>
- DirectiveCngxSidenavHeaderTop region of <cngx-sidenav>
- DirectiveCngxSidenavRouterSyncDeep-links a sidenav's open state into a query param
- TokenCNGX_SIDENAVContract token for a sidenav rail
- TokenCNGX_SIDENAV_CONFIGApp-wide configuration cascade for the sidenav family
References15#
- InterfaceCngxSidenavConfigApp-wide cascade for the sidenav family's dimension defaults, the mini expand-on-hover dwell, and the shortcut be...
- InterfaceCngxSidenavContractMinimal contract a sidenav rail exposes to the router-sync directive: the two-way opened signal it reads and writes
- FunctioninjectSidenavConfigConvenience accessor for the sidenav configuration cascade
- FunctionparsePxNumeric value of a px-unit (or unitless) CSS length, null for any other unit
- FunctionprovideSidenavConfigApplication-root configuration cascade for the sidenav family
- FunctionprovideSidenavConfigAtComponent-scoped configuration cascade for the sidenav family
- FunctionwithSidenavDimensionsOverride the sidenav family's panel dimensions - width , miniWidth , minWidth , and maxWidth
- FunctionwithSidenavHoverDwellSet the app-wide default mini expand-on-hover dwell - enterDelay (ms before the rail expands) and leaveDelay (ms befo...
- FunctionwithSidenavRouterSyncSet the app-wide default query-param key for [cngxSidenavRouterSync] - the param the sidenav's opened state deep-...
- FunctionwithSidenavShortcutSet the app-wide default keyboard shortcut to toggle the sidenav (e.g
- VariableRESIZE_KEY_STEPPer-keypress width change of the arrow-key resize, in px
- Type AliasCngxSidenavConfigFeatureDiscriminated-union shape returned by the sidenav config features - withSidenavDimensions , withSidenavShortcut , wit...
- Type AliasResolvedSidenavModeA resolved mode - what 'auto' settles on plus every pinnable value
- Type AliasSidenavModeHow the sidenav interacts with the content area
- Type AliasSidenavPositionLogical position - flips in RTL