Fix prepending icons and vertical alignment #1104
Conversation
There was a problem hiding this comment.
Pull Request Overview
This PR refactors the input component to fix vertical alignment issues for prepended icons and similar elements. Key changes include introducing new story scenarios in the story file and adjusting the padding and slot styling in the input element.
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| packages/uui-input/lib/uui-input.story.ts | Added new story exports to showcase different prepend examples |
| packages/uui-input/lib/uui-input.element.ts | Updated padding values and added flex styling for prepend/append slots |
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1104.westeurope.azurestaticapps.net |
|
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1104.westeurope.azurestaticapps.net |
Fixing the vertical alignment for icons and related, in inputs and table and ref items.
fixing issue originating from here: #972