Yamada UIにスターをあげる
スターIndicatorは、アバターなどの要素の隅に表示するコンポーネントです。
説明
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"デフォルト
"primary"説明
Props for indicator wrapper element.
タイプ
Omit<HTMLUIProps, "children">説明
If true, set the indicator as an inline element.
タイプ
UIValue<boolean>デフォルト
false説明
If true, the indicator will be disabled.
タイプ
booleanデフォルト
false説明
The indicator label to use.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal説明
Changes position offset, usually used when element has border-radius.
タイプ
UIValue<number>デフォルト
0説明
If label is of type number, the maximum number displayed.
タイプ
numberデフォルト
99説明
If true, make an element scale and fade like a radar ping or ripple of water.
タイプ
booleanデフォルト
false説明
It is used for the color of the ping animation.
タイプ
UIValue<"border" | ({} & string) | BackgroundColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | ... 320 more ... | "yellow.950">デフォルト
var(--ui-ping)説明
It is used for the count of the ping animation.
タイプ
AnimationIterationCountデフォルト
infinite説明
It is used for the duration of the ping animation.
タイプ
AnimationDirectionデフォルト
1.4s説明
It is used for the scale of the ping animation.
タイプ
numberデフォルト
1.8説明
The placement of the indicator.
タイプ
UIValue<| "bottom"
| "left"
| "right"
| "top"
| "bottom-left"
| "bottom-right"
| "top-left"
| "top-right">デフォルト
'top-right'説明
If true, display 0.
タイプ
booleanデフォルト
true説明
The size of the Indicator.
タイプ
"sm" | "md" | "lg"デフォルト
"md"説明
The variant of the Indicator.
タイプ
"solid" | "subtle"デフォルト
"solid"説明
If true, display the border of the indicator.
タイプ
booleanデフォルト
falseGitHubでこのページを編集する