gradio/ui/packages/app/src/components/Slider/Slider.svelte

<script lang="ts">
	import { Range } from "@gradio/form";

	export let value: number = 0;

	export let label: string = "Slider";
	export let default_value: number;

	export let style: string = "";
	export let minimum: number;
	export let maximum: number;
	export let step: number;
	export let mode: "static" | "dynamic";

	if (default_value) value = default_value;
</script>

<Range
	bind:value
	{label}
	{style}
	{minimum}
	{maximum}
	{step}
	disabled={mode === "static"}
	on:change
/>