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

Styling active label text #50

Closed
siminn-asdisj opened this issue Feb 21, 2022 · 1 comment
Closed

Styling active label text #50

siminn-asdisj opened this issue Feb 21, 2022 · 1 comment

Comments

@siminn-asdisj
Copy link

Is it possible to change the color and font weight of the default numerical indicator that is active?

I'm trying to go from this:

Screenshot 2022-02-21 at 12 21 30

To this:

Screenshot 2022-02-21 at 12 19 15

I've tried styling it with

label: {
  _activeStep: {
    fontWeight: 700,
    color: #000000,
  }
}

(and also _active instead of _activeStep) but that isn't working.

@jeanverster
Copy link
Owner

Hey @siminn-asdisj you should be able to achieve this by styling the span element inside stepIconContainer:

stepIconContainer: {
  ...YourStyles,
  '& span': {
      fontWeight: '900',
   },
}

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

2 participants