mi6 / mi6/ic-ui-kit

Add a slot for validation text on input components

Open
#4,223 2 comments 0 reactions 0 assignees View on GitHub
good first issue
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

### Summary
Continuation of #4216 where this will be done for text field. Add validation text slots to remaining input components to allow for custom content e.g. links.

### 💬 Description
Add a validation slot to the remaining input components to allow for custom elements to be used within the validation text.

The slot should get added to the ic-input-validation sub-component as part of #4216 so this ticket is to make use of that and expose it to customers in the components it's used in.

Ensure this is done in all input components (i.e. ones that use ic-input-validation) in both the core and canary packages.

### 💰 User value
To allow for more flexibility with the validation text, e.g. providing links to documentation

### 🚨 Urgency (low, medium or high)
Probably medium - customers have only requested the text field change but it would be good to do this on the other components soon for consistency.

### Additional info
This should be possible using nested slots like we've done for helper text.

Contributor guide

Open the contributing guide

Research direction

Start by reading #4216 and the ic-input-validation sub-component, then find every remaining input component that uses it in the core and canary packages. Expose the validation slot through each consumer using the existing nested-slot approach for helper text, and verify that all such components support custom validation content.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.