Allow us to set width for the color picker

[Nefcanto]

Look at this form:

I know I can create a parent component and only show the selected color and when clicked open the color picker. I also know that I can create a simple dialog where people would choose the color.

But I prefer to show the color picker inline due to some constraints related to this specific app.

If I could add className="w-full" then everything would be OK.

Allow us to specify the width for this component to be able to align it nicely when we use it inline.

[vakharia-aarya]

I'm pretty sure the Sketch component has a width prop, you could set it dynamically depending on your page dimensions to get the desired behavior. Check the api definition in the docs: https://casesandberg.github.io/react-color/#api-individual

[Nefcanto]

@vakharia-aarya, thank you for that tip. Yet the width property won't help in this case. Because it's a fluid design. I don't know the width of the container form. I need to just tell it take the entire space available.