Range
A native <input type="range" /> element
import { Range } from 'degen'
name | type | default | description |
|---|---|---|---|
flex | ConditionalStyle<Values<{ 1: "1 1 0%"; auto: "1 1 auto"; initial: "0 1 auto"; none: "none"; }, { defaultClass: string; conditions: { xs: string; sm: string; md: string; lg: string; xl: string; }; }>> | - | - |
flexBasis | ConditionalStyle<Values<{ '448px': string; '512px': string; '576px': string; '672px': string; '720px': string; '768px': string; '896px': string; '976px': string; '1024px': string; '1152px': string; '1280px': string; '1/4': string; '1/3': string; '1/2': string; ... 52 more ...; none: CSSVarFunction; }, { ...; }>> | - | - |
flexGrow | ConditionalStyle<Values<readonly [0, 1, 2, 3, 4], { defaultClass: string; conditions: { xs: string; sm: string; md: string; lg: string; xl: string; }; }>> | - | - |
flexShrink | ConditionalStyle<Values<readonly [0, 1, 2, 3, 4], { defaultClass: string; conditions: { xs: string; sm: string; md: string; lg: string; xl: string; }; }>> | - | - |
marginX | ConditionalStyle<Values<{ "-1px": string; "-2px": string; "-4px": string; "-6px": string; "-8px": string; "-10px": string; "-12px": string; "-14px": string; "-16px": string; '0px': CSSVarFunction; '1px': CSSVarFunction; ... 44 more ...; none: CSSVarFunction; }, { ...; }>> | 0px | - |
marginY | ConditionalStyle<Values<{ "-1px": string; "-2px": string; "-4px": string; "-6px": string; "-8px": string; "-10px": string; "-12px": string; "-14px": string; "-16px": string; '0px': CSSVarFunction; '1px': CSSVarFunction; ... 44 more ...; none: CSSVarFunction; }, { ...; }>> | 0px | - |
ref | Ref<HTMLInputElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |