Yamada UIにスターをあげる
スターCardは、関連する情報をグループ化して表示するコンポーネントです。デフォルトでは、section要素をレンダリングします。
説明
The CSS align-items property.
タイプ
(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | ... 7 more ... | ((theme: StyledTheme) => 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"デフォルト
"primary"説明
The CSS flex-direction property.
タイプ
"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "row" | "row-reverse" | [FlexDirection | { [x: string]: FlexDirection | undefined; ... 5 more ...; xl?: FlexDirection | undefined; }, FlexDirection | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledT...説明
The CSS justify-content property.
タイプ
"left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "start" | "normal" | ... 8 more ... | ((theme: StyledTheme) => UIValue<...>)説明
The size of the Card.
タイプ
"sm" | "md" | "normal" | "lg"デフォルト
"md"説明
The variant of the Card.
タイプ
"elevated" | "outline" | "solid" | "subtle" | "unstyled"デフォルト
"elevated"GitHubでこのページを編集する