mi6 / mi6/ic-ui-kit

Add form props to more ICDS components

Open
#3,840 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.