Menu
ngxMarkdown pipe, ngxButton and ngxLink directives with root configuration from @ibenvandeveire/ngx-layout.
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-markdown-button-link |
| description | ngxMarkdown pipe, ngxButton and ngxLink directives with root configuration from @ibenvandeveire/ngx-layout. |
provideNgxMarkdownConfiguration([]); // Marked extensions
<div class="ngx-markdown-element" [innerHTML]="content | ngxMarkdown"></div>
Or use NgxMarkdownService programmatically.
provideNgxButtonConfiguration({
loading: ButtonLoadingComponent,
icon: ButtonIconComponent,
iconPosition: 'left',
labelWrapper: 'span',
}),
<button ngxButton priority="primary" buttonType="regular" [loading]="isLoading()">Submit</button>
<button ngxButton buttonType="fab" display="icon" icon="fa fa-home"></button>
| Input | Values |
|---|---|
| priority | primary, secondary, tertiary, danger, success |
| buttonType | regular, outline, text, fab |
| display | icon, text, both |
| buttonWidth | full, fit |
Classes: ngx-button, ngx-button-{priority}, ngx-button-loading, etc.
provideNgxLinkConfiguration({ icon: LinkIconComponent, iconPosition: 'left' }),
<a ngxLink [routerLink]="['page1']">Internal</a>
<a ngxLink destination="external" href="https://โฆ" icon="fa fa-external">External</a>
| Input | Values |
|---|---|
| linkType | text, icon, button |
| context | navigation, breadcrumb, anchor, form, footer |
| destination | internal, external (sets target) |
Classes: ngx-link, ngx-link-{priority}, ngx-link-{linkType}.