Declarative sidebar component for the four drawer modes ( over , push , side , mini ), with responsive mode switching
ui/sidenav
Category
No results found
Features8#
- ComponentCngxSidenavWCAG AADeclarative sidebar component for the four drawer modes ( over , push , side , mini ), with responsive mode switching...
- 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
References13#
- InterfaceCngxSidenavConfigApp-wide cascade for the sidenav family's dimension defaults, the mini expand-on-hover dwell, and the responsive ...
- 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
- 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...
- FunctionwithSidenavResponsiveSet the app-wide default CSS media-query string for responsive mode switching
- 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
- Type AliasCngxSidenavConfigFeatureDiscriminated-union shape returned by the sidenav config features - withSidenavDimensions , withSidenavResponsive , w...
- Type AliasSidenavModeHow the sidenav interacts with the content area
- Type AliasSidenavPositionLogical position - flips in RTL