메뉴
Alpine.js adapter for @stainless-code/alpine-layers; plugin magics, x-layer-outlet, layerStack data, and JS hooks for typed layer stacks
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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, …).