Yamada UIにスターをあげる
スターSkeletonは、コンテンツが読み込まれるまでのプレースホルダーとして機能するコンポーネントです。
説明
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 color at the animation end.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.
タイプ
string | numberデフォルト
0.4説明
If true, the skeleton will take the width of it's children.
タイプ
booleanデフォルト
false説明
If true, the skeleton will take the width of it's children.
非推奨
Use fitContent instead.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
非推奨
Use loaded instead.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
タイプ
booleanデフォルト
false説明
The size of the Skeleton.
タイプ
string説明
The animation speed in seconds.
タイプ
string | numberデフォルト
0.8説明
The color at the animation start.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The variant of the Skeleton.
タイプ
string説明
The color at the animation end.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.
タイプ
string | numberデフォルト
0.4説明
If true, the skeleton will take the width of it's children.
タイプ
booleanデフォルト
false説明
If true, the skeleton will take the width of it's children.
非推奨
Use fitContent instead.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
非推奨
Use loaded instead.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
タイプ
booleanデフォルト
false説明
The animation speed in seconds.
タイプ
string | numberデフォルト
0.8説明
The color at the animation start.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The color at the animation end.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.
タイプ
string | numberデフォルト
0.4説明
If true, the skeleton will take the width of it's children.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
非推奨
Use loaded instead.
タイプ
booleanデフォルト
false説明
If true, it'll render its children with a nice fade transition.
タイプ
booleanデフォルト
false説明
The animation speed in seconds.
タイプ
string | numberデフォルト
0.8説明
The color at the animation start.
タイプ
UIValue<"border" | Color | ({} & string) | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">説明
The CSS height property.
タイプ
UIValue<number | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "-moz-max-content" | ... 68 more ... | "xs">GitHubでこのページを編集する