casesandberg / casesandberg/react-color

Allow custom classes for Helper Components

Open
#629 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
12.3k
Forks
920
PR merge metrics
No merged PRs in 30d

Description

I'm creating my own layout of a color picker input to use in our bootstrap site, however, using the `EditableInput` I can't reuse the styling already built into the bootstrap classes since there's no way to get them onto the elements.

I can build a style object to apply these styles but that's a lot of work to copy over all the styles that are already built into the bootstrap classes. If you're amenable I'd be happy to try and put together a POC pull request.

Ideally for something like `EditableInput` it would allow an object similar to the `styles` prop which would allow classes on each element inside (`wrap`, `label`, and `input`). That way I would be able to put `form-control` onto the input to keep consistent styling with our regular bootstrap inputs.

Contributor guide

Open the contributing guide

Research direction

Start by locating the EditableInput component and reading how its styles prop is applied to the wrap, label, and input elements. Add support for supplying classes for those elements, then verify that a consumer can apply form-control to the input while retaining the existing styling behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.