Menu
Menu
は、一般的なドロップダウンメニューを表示するコンポーネントです。
テーマ
Menu
は、複数パーツのコンポーネントです。
コンポーネントのスタイルを変更したい場合は、こちらをご覧ください。
export const Menu: ComponentMultiStyle<"Menu"> = {baseStyle: {button: {transitionProperty: "common",transitionDuration: "normal",},content: {rounded: "md",minW: "xs",bg: ["white", "black"],border: "1px solid",borderColor: ["blackAlpha.200", "whiteAlpha.100"],color: "inherit",boxShadow: ["lg", "dark-lg"],zIndex: "guldo",},list: {py: "2",},item: {cursor: "pointer",py: "1.5",px: "3",transitionProperty: "background",transitionDuration: "ultra-fast",transitionTimingFunction: "ease-in",_focus: {bg: ["blackAlpha.50", "whiteAlpha.50"],},_active: {bg: ["blackAlpha.50", "whiteAlpha.50"],_disabled: {bg: ["white", "black"],},},_disabled: {opacity: 0.4,cursor: "not-allowed",},},icon: {color: ["blackAlpha.600", "whiteAlpha.700"],},command: {opacity: 0.6,},divider: {my: "2",borderBottomWidth: "1px",borderColor: "inherit",},group: {},groupLabel: {py: "1.5",px: "3",fontSize: "sm",fontWeight: "semibold",color: ["blackAlpha.700", "whiteAlpha.600"],},},}
GitHubでこのページを編集する