Add form props to more ICDS components
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
### Summary
Currently, only the ic-button and ic-select have a form prop which can be used to associate the component with a form that it is not a descendant of, while all HTML form controls have this attribute . Adding a form attribute to all ICDS form control components would add more flexibility.
### 💬 Description
Add a form attribute to the following components:
- ic-search-bar
- ic-checkbox
- ic-date-input
- ic-date-picker
- ic-radio-option
- ic-search-bar
- ic-switch
- ic-text-field
- ic-toggle-button
- ic-time-input
- ic-time-picker
Ensure the form attribute is working correctly in the ic-select component
As the ic-search-bar can be used to submit a form, add the same form submission attributes as the ic-button (formaction, formenctype, formmethod, formnovalidate, formtarget).
### 💰 Use value
Adds flexibility and makes it easier for users to migrate from using HTML elements directly
### 🚨 Urgency (low, medium or high)
If applicable, tell us how urgent it is that this issue gets resolved, based on the impact it has on your team's work or project timeline.
### Additional info
Consider Stencil Form Associated components ([#1236](https://github.com/mi6/ic-ui-kit/issues/1236))
Contributor guide
Research direction
Locate the implementations for ic-button, ic-select, and each listed form-control component, then compare how their form attributes are handled. Verify that all listed components associate with external forms, that ic-select works correctly, and that ic-search-bar supports the specified form-submission attributes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100