Yamada UIにスターをあげる
スターColorSwatchは、色の見本を表示するコンポーネントです。
説明
The color used for the swatch element.
タイプ
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">デフォルト
#ffffff00説明
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"説明
If true, the color swatch will be perfectly round. Else, it'll be slightly round.
タイプ
booleanデフォルト
false説明
If true, the color swatch will be perfectly round. Else, it'll be slightly round.
非推奨
Use fullRounded instead.
タイプ
booleanデフォルト
false説明
The overlay used for the swatch element.
タイプ
HTMLUIProps[]説明
The size of the ColorSwatch.
タイプ
"xs" | "sm" | "md" | "lg"デフォルト
"sm"説明
The variant of the ColorSwatch.
タイプ
"basic" | "rounded"デフォルト
"basic"説明
If true, the swatch element has an inner box-shadow.
タイプ
booleanデフォルト
trueGitHubでこのページを編集する