InputRange

A customizable range input wrapper component that enhances the standard HTML range slider with configurable style.

View source
<script lang="ts">
    import { InputRange } from 'svxui';
</script>

<InputRange />

API Reference

PropertyTypeDefaultDescription
color
string | number | symbol
"neutral"InputRange color
elementRef $bindable
HTMLInputElement
Rendered DOM element
fullWidth
boolean
falseInputRange full width
orientation
union
"horizontal"InputRange orientation
radius
union
InputRange radius
size
union
"2"InputRange size

Colors

Sizes

FullWidth

Orientation

v0.0.13