Menü
Alpine.js adapter for @stainless-code/alpine-layers; plugin magics, x-layer-outlet, layerStack data, and JS hooks for typed layer stacks
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Angular adapter for @stainless-code/angular-layers (signals + DI + imperative renderStack); use when wiring provideLayerClient, renderStack/useStackHandles, useLayerGroup, useMutationFlow, or createStackHook
UI-agnostic layer stack engine for @stainless-code/layers. Use for opening layers imperatively from anywhere, ordered named stacks, typed await or fire-and-forget calls, lifecycle control, blockers, validation, singleton updates, serial or nested layers, multi-stack orchestration, or building a library/framework adapter.
Lit adapter for @stainless-code/lit-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open` via Reactive Controllers and custom elements
Preact adapter for @stainless-code/preact-layers — use for awaitable confirm flows, singleton toasts, nested drawers, stack subscriptions, and custom layer hosts
React adapter for @stainless-code/react-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open`
SolidJS adapter for @stainless-code/solid-layers; open UI from anywhere and manage ordered, named stacks with typed or fire-and-forget `open`
| name | alpine-layers |
| description | Alpine.js adapter for @stainless-code/alpine-layers; plugin magics, x-layer-outlet, layerStack data, and JS hooks for typed layer stacks |
| license | MIT |
| keywords | ["tanstack-intent","alpinejs","alpine","modal","dialog","stack","typescript"] |
| metadata | {"library":"@stainless-code/alpine-layers","library_version":"0.2.3","framework":"alpinejs"} |
| sources | ["https://stainless-code.com/layers/adapters/alpine","https://github.com/stainless-code/layers/blob/main/docs/architecture.md"] |
Open overlay UI imperatively and manage it as an ordered, named stack. The package re-exports @stainless-code/layers. For engine internals, use the layers core skill.
bun add @stainless-code/alpine-layers
Peer: alpinejs (>=3.13). Register with Alpine.plugin(layers) before Alpine.start(), or use the ./cdn entry on alpine:init.
getLayerClient() lazy-inits; setLayerClient() only required to pin a custom client before first use.$layers.open (magic) + createLayer (wired state / queued / top).useStack, createLayerState, Alpine.data('layerStack') + x-for.x-layer-outlet on <template>; row props via $layer (call, payload, …).