color
説明
The color used for the slider.
タイプ
stringデフォルト
#ffffffAlphaSlider
AlphaSliderは、ユーザーが色の透明度を選択するために使用されるコンポーネントです。
Props
AlphaSliderProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"defaultValue
説明
The initial value of the slider.
タイプ
numberfocusThumbOnChange
説明
If false, the slider handle will not capture focus when value changes.
タイプ
booleanデフォルト
trueinputProps
説明
Props for slider input element.
タイプ
HTMLUIProps<"input">isDisabled
説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
falseisInvalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falseisReadOnly
説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
falseisRequired
説明
If true, the form control will be required.
タイプ
booleanデフォルト
falsemax
説明
The maximum allowed value of the slider. Cannot be less than min.
タイプ
numbermin
説明
The minimum allowed value of the slider. Cannot be greater than max.
タイプ
numbername
説明
The name attribute of the hidden input field.
This is particularly useful in forms.
タイプ
stringonChange
説明
Function called whenever the slider value changes.
タイプ
(value: number) => voidonChangeEnd
説明
Function called when the user is done selecting a new value.
タイプ
(value: number) => voidonChangeStart
説明
Function called when the user starts selecting a new value.
タイプ
(value: number) => voidoverlays
説明
The overlay used for the slider.
タイプ
HTMLUIProps[]size
説明
The size of the AlphaSlider.
タイプ
"sm" | "md" | "lg"デフォルト
"md"step
説明
The step in which increments or decrements have to be made.
タイプ
numberデフォルト
1thumbColor
説明
The CSS background property. Used in background of thumb element.
タイプ
UIValue<"border" | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | ... 318 more ... | Background<...>>thumbProps
説明
Props for slider thumb element.
タイプ
HTMLUIPropstrackProps
説明
Props for slider track element.
タイプ
HTMLUIPropsvalue
説明
The value of the slider.
タイプ
numbervariant
説明
The variant of the AlphaSlider.
タイプ
stringwithShadow
説明
If true, the slider has an inner box-shadow.
タイプ
booleanデフォルト
trueGitHubでこのページを編集する