Yamada UIにスターをあげる
スターSaturationSliderは、ユーザーが色の彩度を選択するために使用されるコンポーネントです。
説明
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"説明
The initial value of the saturation slider.
タイプ
Hsvデフォルト
[0, 0, 1]説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
false説明
If false, the saturation slider handle will not capture focus when value changes.
タイプ
booleanデフォルト
true説明
Props for saturation slider inner element.
タイプ
HTMLUIProps説明
Props for saturation slider input element.
タイプ
HTMLUIProps<"input">説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
false説明
If true, the form control will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
false説明
If true, the form control will be invalid.
非推奨
Use invalid instead.
タイプ
booleanデフォルト
false説明
If true, the form control will be readonly.
非推奨
Use readOnly instead.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
非推奨
Use required instead.
タイプ
booleanデフォルト
false説明
The name attribute of the hidden input field.
This is particularly useful in forms.
タイプ
string説明
Function called whenever the saturation slider value changes.
タイプ
(value: Hsv) => void説明
Function called when the user is done selecting a new value.
タイプ
(value: Hsv) => void説明
Function called when the user starts selecting a new value.
タイプ
(value: Hsv) => void説明
The overlay used for the saturation slider.
タイプ
Overlay[]説明
The aspect ratio of the saturation slider.
タイプ
UIValue<number>デフォルト
'16 / 9'説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
タイプ
booleanデフォルト
false説明
The size of the SaturationSlider.
タイプ
"sm" | "md" | "lg" | "full"デフォルト
"md"説明
The step in which increments or decrements have to be made.
タイプ
numberデフォルト
0.01説明
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<...>>説明
Props for saturation slider thumb element.
タイプ
HTMLUIProps説明
Props for saturation slider track element.
タイプ
HTMLUIProps説明
The value of the saturation slider.
タイプ
Hsv説明
The variant of the SaturationSlider.
タイプ
string説明
If true, the slider has an inner box-shadow.
タイプ
booleanデフォルト
trueGitHubでこのページを編集する