Add a slot for validation text on input components
- 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
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