Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

ngx-layout-mobile-layout

Estrellas2

Forks1

Actualizado2 de junio de 2026 a las 08:25

NgxMobileLayoutComponent, guards, and NgxMobileLayoutService for mobile shell header/nav/footer/flyout/aside from @ibenvandeveire/ngx-layout.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

IbenTesara

IbenTesara/opensource

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

name	ngx-layout-mobile-layout
description	NgxMobileLayoutComponent, guards, and NgxMobileLayoutService for mobile shell header/nav/footer/flyout/aside from @ibenvandeveire/ngx-layout.

ngx-layout — Mobile layout

Install: npm install @ibenvandeveire/ngx-layout. Minimal default styling.

Component (app root)

<ngx-mobile-layout>
  <ng-template #contentTmpl>
    <router-outlet />
  </ng-template>
</ngx-mobile-layout>

CSS classes: ngx-mobile-layout-main, -header, -navigation, -content, -flyout, -flyout-in/out, -aside, -aside-in/out.

provideNgxMobileLayoutConfiguration (app.config)

Optional slots: header (main | left | right), navigation, footer, aside, flyout.

Route overrides

NgxMobileLayoutGuard + route data.mobileLayout — e.g. { header: { right: null }, footer: DetailFooterComponent }.

NgxMobileLayoutDefaultGuard on canDeactivate — restore defaults.

NgxMobileLayoutService

openFlyout / closeFlyout, openAside / closeAside — optional component + Injector for flyout providers.

Más de este repositorio

mismo repositorio

ngx-authentication-directives-pipes

IbenTesara/opensource

Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.

2026-06-022

ngx-authentication-guards

IbenTesara/opensource

Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.

2026-06-022

ngx-authentication-http-client

IbenTesara/opensource

NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.

2026-06-022

ngx-authentication-service

IbenTesara/opensource

NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.

2026-06-022

ngx-authentication-setup

IbenTesara/opensource

Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.

2026-06-022

ngx-cookies

IbenTesara/opensource

Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.

2026-06-022

name	ngx-layout-mobile-layout
description	NgxMobileLayoutComponent, guards, and NgxMobileLayoutService for mobile shell header/nav/footer/flyout/aside from @ibenvandeveire/ngx-layout.

ngx-layout — Mobile layout

Install: npm install @ibenvandeveire/ngx-layout. Minimal default styling.

Component (app root)

<ngx-mobile-layout>
  <ng-template #contentTmpl>
    <router-outlet />
  </ng-template>
</ngx-mobile-layout>

CSS classes: ngx-mobile-layout-main, -header, -navigation, -content, -flyout, -flyout-in/out, -aside, -aside-in/out.

provideNgxMobileLayoutConfiguration (app.config)

Optional slots: header (main | left | right), navigation, footer, aside, flyout.

Route overrides

NgxMobileLayoutGuard + route data.mobileLayout — e.g. { header: { right: null }, footer: DetailFooterComponent }.

NgxMobileLayoutDefaultGuard on canDeactivate — restore defaults.

NgxMobileLayoutService

openFlyout / closeFlyout, openAside / closeAside — optional component + Injector for flyout providers.