Range
A native <input type="range" /> element
import { Range } from '@kalidao/reality'
name | type | default |
|---|---|---|
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<{ '112': string; '128': string; '144': string; '168': string; '180': string; '192': string; '224': string; '256': string; '288': string; '320': string; '1/4': string; '1/3': string; '1/2': string; '2/3': string; '3/4': string; screenSm: 640; ... 49 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<{ "-px": string; [-0.5]: string; [-1]: string; [-1.5]: string; [-2]: string; [-2.5]: string; [-3]: string; [-3.5]: string; [-4]: string; 0: CSSVarFunction; px: CSSVarFunction; 0.5: CSSVarFunction; ... 43 more ...; none: CSSVarFunction; }, { ...; }>> | 0 |
marginY | ConditionalStyle<Values<{ "-px": string; [-0.5]: string; [-1]: string; [-1.5]: string; [-2]: string; [-2.5]: string; [-3]: string; [-3.5]: string; [-4]: string; 0: CSSVarFunction; px: CSSVarFunction; 0.5: CSSVarFunction; ... 43 more ...; none: CSSVarFunction; }, { ...; }>> | 0 |
ref | Ref<HTMLInputElement> | - |