blitz-js / blitz-js/blitz

Generate Labeled Select, Radio and Checkbox Fields components when blitz new is run

Open
#2,024 5 comments 6 reactions 0 assignees View on GitHub
good second issue kind/feature-change status/ready-to-work-on
Dominant language
TypeScript
Stars
14.1k
Forks
803
PR merge metrics
No merged PRs in 30d

Description

### What do you want and why?

There is a LabeledTextField component in app/core/components/LabeledTextField.tsx, which is generated next to our Form component when we run Blitz new

I would be nice to have a LabeledSelectField, LabeledRadioField and LabeledCheckBox field to complete the set

### Possible implementation(s)

We should support all three of the form options (React final form, React Hook form and Formik), so this would require the creation and maintenance of 4 Field components x 3 Libraries = 12 Components over time. These additional components would be placed in the app/core/components directory next to the current components when scaffolded

Pros:
More out of the box form field support (users don't have to create their own LabeledSelectField implementation, they can modify our default. Currently, they will have to modify LabeledTextField and make sure it works with Select.

Cons:
Will need to keep an eye on the form libraries and make sure any changes that could break these new 12 new components are addressed anytime those breaking changes happen

### Additional context

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.