[READ-ONLY] Mirror of https://github.com/flo-bit/ui-kit. 🦊 fox ui, svelte 5 and tailwind 4
flo-bit.dev/ui-kit/
svelte
tailwindcss
ui-components
update readme
+6
-6
+6
-6
README.md
+6
-6
README.md
···
19
19
### 2. Install fuchs
20
20
21
21
```bash
22
-
npm install fuchs
22
+
npm install @fuxui/base
23
23
```
24
24
25
25
### 3. set theme variables in your app.css (changing `zinc` and `emerald` to your preferred colors, using find and replace).
26
26
27
27
```css
28
-
@source "../node_modules/fuchs";
28
+
@source "../node_modules/@fuxui";
29
29
30
30
@theme {
31
31
--color-base-50: var(--color-zinc-50);
···
58
58
59
59
```svelte
60
60
<script>
61
-
import { Button } from 'fuchs';
61
+
import { Button } from '@fuxui/base';
62
62
</script>
63
63
64
64
<Button onclick={() => alert('clicked')}>Click me</Button>
···
73
73
```bash
74
74
git clone https://github.com/flo-bit/ui-kit.git
75
75
cd ui-kit
76
-
npm install
77
-
npm run dev
76
+
pnpm install
77
+
pnpm run dev
78
78
```
79
79
80
-
The ui-kit library is located in `src/lib`, the documentation is in `src/docs`.
80
+
This ui kit is organized as a monorepo, with `apps/docs` being the documentation and the ui-kit library being split into multiple packages in `packages/`.