Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to use defineMultiStyleConfig and/or definePartsStyle #124

Open
bwcr opened this issue Feb 21, 2023 · 2 comments
Open

Ability to use defineMultiStyleConfig and/or definePartsStyle #124

bwcr opened this issue Feb 21, 2023 · 2 comments

Comments

@bwcr
Copy link

bwcr commented Feb 21, 2023

I would like to suggest using defineMultiStyleConfig and/or definePartsStyle to customize the theme of the steps for better autocomplete on the code editor.

@bwcr
Copy link
Author

bwcr commented Feb 21, 2023

Maybe looks like this

import { StepsTheme as theme } from "chakra-ui-steps";
import { defineMultiStyleConfig, definePartsStyle } from "chakra-ui-steps/dist/theme";
export const stepsTheme = defineMultiStyleConfig({
  ...theme,
  baseStyle: {
    ...theme.baseStyle,
    labelContainer: {
      ...theme.baseStyle.labelContainer,
      alignSelf: "center",
    },
    label: {
      ...theme.baseStyle.label,
      fontSize: "xs",
      fontWeight: "400",
      color: "gray.500",
      _active: {
        color: "primary.400",
      },
      _completed: {
        color: "primary.400",
      },
    },
  },
  defaultProps: {
    ...theme.defaultProps,
    colorScheme: "primary",
  },
});

@bwcr
Copy link
Author

bwcr commented Feb 21, 2023

Currently it'll show errors like this
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant