القائمة
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, …).