15
15
Finite state machines for accessible JavaScript components
16
16
17
17
- ** Write once, use everywhere 🦄** : The component interactions are modelled in a framework agnostic way. We provide
18
- adapters for JS frameworks like React, Solid, or Vue.
18
+ adapters for JS frameworks like React, Svelte, Solid, or Vue.
19
19
- ** Focus on accessibility ♿️** : Zag is built with accessibility in mind. We handle many details related to keyboard
20
20
interactions, focus management, aria roles and attributes.
21
21
- ** Headless ✨** : The machine APIs are completely unstyled and gives you the control to use any styling solution you
@@ -65,6 +65,7 @@ For framework specific solutions, we provide simple wrappers to help you consume
65
65
- ⚛️ ` @zag-js/react ` - React hooks for consuming machines in React applications
66
66
- 💚 ` @zag-js/vue ` - Vue composition for consuming machines in Vue applications
67
67
- 🎷 ` @zag-js/solid ` - Solid.js utilities for consuming machines in Solid.js applications
68
+ - 🎭 ` @zag-js/svelte ` - Svelte utilities for consuming machines in Svelte applications
68
69
69
70
## Usage
70
71
@@ -107,7 +108,7 @@ power the logic behind UI components.
107
108
108
109
### Teasers
109
110
110
- - When you see someone using classic react, vue or solid to build an interactive UI component that exists in Zag, tell
111
+ - When you see someone using classic react, svelte, vue or solid to build an interactive UI component that exists in Zag, tell
111
112
them to ** "zag it!"** ⚡️
112
113
113
114
- Anyone using Zag will be called a ** "zagger"** 💥
@@ -134,6 +135,7 @@ projects for the frameworks we support.
134
135
- ` start-react ` : Starts the Next.js TypeScript project
135
136
- ` start-vue ` : Starts the Vue 3 TypeScript project
136
137
- ` start-solid ` : Starts the Solid TypeScript project
138
+ - ` start-svelte ` : Starts the Svelte TypeScript project
137
139
138
140
### E2E Tests
139
141
@@ -143,6 +145,7 @@ ensure that the component works the same way regardless of the framework.
143
145
- ` e2e-react ` : Starts the E2E tests for the React project
144
146
- ` e2e-vue ` : Starts the E2E tests for the Vue project
145
147
- ` e2e-solid ` : Starts the E2E tests for the Solid project
148
+ - ` e2e-svelte ` : Starts the E2E tests for the Svelte project
146
149
147
150
### Contributing new machines/features
148
151
0 commit comments