[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
add more props to slider
+12
-5
+1
-1
package.json
+1
-1
package.json
+3
src/lib/components/base/index.ts
+3
src/lib/components/base/index.ts
···
38
38
39
39
export { Toggle } from '$lib/components/base/toggle';
40
40
export { ToggleGroup, ToggleGroupItem } from '$lib/components/base/toggle-group';
41
+
42
+
export { default as BlueskyLoginModal } from '$lib/components/base/modal/BlueskyLoginModal.svelte';
43
+
export { blueskyLoginModalState } from '$lib/components/base/modal/BlueskyLoginModal.svelte';
+4
-2
src/lib/components/base/slider/Slider.svelte
+4
-2
src/lib/components/base/slider/Slider.svelte
···
10
10
tabindex = undefined,
11
11
type = 'single',
12
12
min = 0,
13
-
max = 100
13
+
max = 100,
14
+
...props
14
15
}: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props();
15
16
</script>
16
17
···
20
21
-->
21
22
<SliderPrimitive.Root
22
23
bind:ref
23
-
bind:value={value as never}
24
+
bind:value={value}
24
25
{orientation}
25
26
class={cn(
26
27
"relative flex touch-none items-center select-none data-[orientation='horizontal']:w-full data-[orientation='vertical']:h-full",
···
31
32
{type}
32
33
{min}
33
34
{max}
35
+
{...props}
34
36
>
35
37
{#snippet children({ thumbs })}
36
38
<span
+4
-2
src/lib/components/base/slider/SliderNumber.svelte
+4
-2
src/lib/components/base/slider/SliderNumber.svelte
···
11
11
tabindex = undefined,
12
12
type = 'single',
13
13
min = 0,
14
-
max = 100
14
+
max = 100,
15
+
...props
15
16
}: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props();
16
17
</script>
17
18
18
19
<div class="flex items-center gap-6">
19
20
<Slider
20
-
bind:value={value as never}
21
+
bind:value
21
22
bind:ref
22
23
{orientation}
23
24
class={className}
···
25
26
{type}
26
27
{min}
27
28
{max}
29
+
{...props}
28
30
/>
29
31
30
32
<NumberFlow