Rating
Rating
は、ユーザーが評価を行うために使用させるコンポーネントです。
テーマ
Rating
は、複数パーツのコンポーネントです。
コンポーネントのスタイルを変更したい場合は、こちらをご覧ください。
export const Rating: ComponentMultiStyle<"Rating"> = {baseStyle: ({ colorScheme: c = "yellow" }) => ({container: {w: "max-content",},group: {position: "relative",},item: {cursor: "pointer",rounded: "sm",color: ["blackAlpha.300", "whiteAlpha.300"],outline: "none",_notLast: {position: "absolute",top: 0,left: 0,},_readOnly: {cursor: "default",},_disabled: {opacity: 0.4,cursor: "not-allowed",},_focusVisible: {boxShadow: "outline",},_filled: {color: [`${c}.500`, `${c}.600`],},},icon: {fill: "currentColor",},}),sizes: {xs: {icon: {fontSize: "md",},},sm: {icon: {fontSize: "lg",},},md: {icon: {fontSize: "xl",},},lg: {icon: {fontSize: "2xl",},},xl: {icon: {fontSize: "3xl",},},},defaultProps: {size: "md",colorScheme: "yellow",},}
GitHubでこのページを編集する