[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
fixes
+13
-5
-3
src/lib/sections/resizable/Resizable.svelte
-3
src/lib/sections/resizable/Resizable.svelte
···
5
5
6
6
import TimerPreview from '$docs/preview/TimerPreview.svelte';
7
7
import WaveformAudioPlayerPreview from '$docs/preview/WaveformAudioPlayerPreview.svelte';
8
-
import NumberInputPreview from '$docs/preview/base/NumberInputPreview.svelte';
9
8
import ThemeToggle from '$lib/components/base/theme-toggle/ThemeToggle.svelte';
10
9
import SelectTheme from '$docs/preview/SelectTheme.svelte';
11
10
···
112
111
<button class="handle bg-base-500/5 absolute top-0 right-0 left-0 h-5 w-full cursor-grab">
113
112
<span class="sr-only">drag</span>
114
113
</button>
115
-
116
-
<NumberInputPreview />
117
114
118
115
<WaveformAudioPlayerPreview />
119
116
</div>
+13
-2
src/routes/components/base/progress/+page.svelte
+13
-2
src/routes/components/base/progress/+page.svelte
···
1
1
<script>
2
-
import ProgressPreview from '$docs/preview/base/ProgressPreview.svelte';
2
+
import { Subheading } from '$lib/components/base/heading';
3
+
import { Progress } from '$lib/components/extra/progress';
4
+
5
+
let progress = $state(20);
6
+
7
+
$effect(() => {
8
+
setInterval(() => {
9
+
progress = progress > 100 ? 0 : progress + Math.random() * 40;
10
+
}, 1000);
11
+
});
3
12
</script>
4
13
5
-
<ProgressPreview />
14
+
<Subheading class="mb-8">Progress</Subheading>
15
+
16
+
<Progress {progress} />