Yamada UIにスターをあげる
スターRatingは、ユーザーが評価を行うために使用させるコンポーネントです。
説明
The color of the filled icons.
タイプ
((value: number) => UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | ... 320 more ... | "yellow.950"> | undefined) | UIValue<...>説明
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"デフォルト
"yellow"説明
The initial value of the rating.
タイプ
numberデフォルト
0説明
The empty icon for the rating.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ((value: number) => ReactNode)
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal説明
The filled icon for the rating.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
| ((value: number) => ReactNode)説明
Number of fractions each item can be divided into,
タイプ
numberデフォルト
1説明
Props for the rating group.
タイプ
GroupProps説明
If true, only the selected icons will be filled.
タイプ
booleanデフォルト
false説明
The top-level id string that will be applied to the rating. The index of the rating item will be appended to this top-level id.
タイプ
string説明
Props for the input element.
タイプ
InputProps説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
false説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
false説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
タイプ
booleanデフォルト
false説明
Props for the rating item.
タイプ
ItemProps説明
Number of controls that should be rendered.
タイプ
numberデフォルト
5説明
The name of the input element.
タイプ
string説明
The callback invoked when value state changes.
タイプ
(value: number) => void説明
The callback invoked when hovering over the rating.
タイプ
(value: number) => void説明
The size of the Rating.
タイプ
"xs" | "sm" | "md" | "lg" | "xl"デフォルト
"md"説明
The value of the rating.
タイプ
number説明
The variant of the Rating.
タイプ
stringGitHubでこのページを編集する