Menu
WCAG ngx-accordion and ngx-accordion-item from @ibenvandeveire/ngx-layout. Import NgxAccordion for keyboard-accessible accordion.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-layout-accordion |
| description | WCAG ngx-accordion and ngx-accordion-item from @ibenvandeveire/ngx-layout. Import NgxAccordion for keyboard-accessible accordion. |
Import NgxAccordion (container + item).
<ngx-accordion open="first">
<ngx-accordion-item>
<ng-template #headerTmpl>Section one</ng-template>
<ng-template #contentTmpl>Contentโฆ</ng-template>
</ngx-accordion-item>
</ngx-accordion>
Templates get open state via $implicit outlet.
all | first | index | index[] โ initial open section(s). Ignores disabled for forced-open items.
Per-item [disabled]="true" โ user cannot toggle (unless opened via parent open).
ngx-accordion, ngx-accordion-item, ngx-accordion-header, ngx-accordion-content, is-open. Uses native <details> internally.