max/nodes
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add slider element

Browse Source
This commit is contained in:
max_richter
2024-04-18 11:06:45 +02:00
parent c3691e7169
commit 815152d23c
7 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/ui/src/lib/Input.svelte
View File

@ -5,6 +5,7 @@
import Select from "$lib/elements/Select.svelte";
import type { NodeInput } from "@nodes/types";
import Slider from "./elements/Slider.svelte";
export let input: NodeInput;
export let value: any;
@ -12,7 +13,11 @@
</script>
{#if input.type === "float"}
<Float {id} bind:value />
{#if input?.element === "slider"}
<Slider {id} bind:value />
{:else}
<Float {id} bind:value />
{/if}
{:else if input.type === "integer"}
<Integer {id} bind:value />
{:else if input.type === "boolean"}

9
packages/ui/src/lib/elements/Slider.svelte Normal file
View File

@ -0,0 +1,9 @@
<script lang="ts">
export let value: number = 0;
export let min = 0;
export let max = 10;
export let step = 0.1;
export let id: string;
</script>
<input type="range" {id} bind:value {min} {max} {step} />