Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[CheckBox] variantColor not accepting custom color object any more

See original GitHub issue

To Reproduce

just update to v.5.0
in theme.js in Color object make a new color colorTest
in CheckBox component make variantColor="colorTest"
you will see the error.

Suggested solution(s) we need a way to transfer custom theme value to types also.

Desktop (please complete the following information):

OS: Mac OS
Browser Chrome
Version 0.5.0

Issue Analytics

State:
Created 4 years ago
Comments:18 (10 by maintainers)

Top GitHub Comments

3reactions

DouglasGabrcommented, Dec 3, 2019

@JClackett I think you must provide the shades of your primary color (50, 100, 200, 300…), being 500 the actual color. https://codesandbox.io/s/chakra-ts-starter-u5cty

2reactions

omarkhatibcocommented, Dec 11, 2019

@segunadebayo I just updated my comment

I think with typeScript we need a dynamic types for things in theme.js

here is my codesandbox https://codesandbox.io/s/chakra-ts-starter-siunw

Top Results From Across the Web

Why cannot change checkbox color whatever I do? [duplicate]

I try to style checkbox background color, but it won't change whatever I do. I am using firefox 29 latest. Is there some...

Upgrading to v1 - Chakra UI

To allow for better checkbox group layout, the CheckboxGroup component no longer supports every style prop. You can now only pass size ,...

Changing checkbox fill color in a slicer

Solved: Hi all, In the slicer below, the item selected (YTD) has a black filled checkbox. That is barely visible in that background,...

List group · Boosted v5.0

Note that some elements with .disabled will also require custom ... @each $color, $value in $background-colors { @include list-group-item-variant($color, ...

flex_color_scheme | Flutter Package - Pub.dev

A switch custom color theme was prepared for M3 Switch , which is not yet ... a custom color to selected chips, the...