Some thoughts on NextUi configuration.

[Pp-Tomo]

Does it support fine-grained customization of components, instead of developers creating a MyButton individually? I think this is more suitable for team development.

const { nextui } = require("@nextui-org/react");

module.exports = {
  theme: {
    extend: {},
  },
  plugins: [
    nextui({
      themes: {
        components: {
          Button: {
            baseStyles: {
              borderRadius: "4px",
              borderWidth: "1px",
              fontWeight: "normal",
            },
            variants: {
              solid: {
                default: {
                  bg: "#ffffff",
                  color: "#000000",
                  borderColor: "#000000",
                  _hover: {
                    bg: "#f0f0f0",
                  },
                },
                primary: {
                  bg: "#006FEE",
                  color: "#ffffff",
                  _hover: {
                    bg: "#005BC4",
                  },
                },
              },
              bordered: {
                default: {
                  borderColor: "#000000",
                },
              },
            },
            sizes: {
              sm: {
                px: "$6",
                py: "$2",
                fontSize: "$sm",
              },
              md: {
                px: "$8",
                py: "$3",
                fontSize: "$base",
              },
              lg: {
                px: "$10",
                py: "$4",
                fontSize: "$lg",
              },
            },
          },
        },
      },
    }),
  ],
};