igniteui-webcomponents icon indicating copy to clipboard operation
igniteui-webcomponents copied to clipboard

Input: Explore implementing outlined styles using fieldset

Open simeonoff opened this issue 1 year ago • 2 comments

The current implementation of the outlined input styles in the material theme is a bit too complicated and rigid. Explore ways to use fieldset instead so we can get the "cutout" for the label.

Related #1094

simeonoff avatar Mar 18 '24 08:03 simeonoff

The implementation of a fieldset approach is not feasible within our component due to the structural design of our prefixes and suffixes. Given that, each prefix item may possess a background, The label goes on top of the prefixes which results in the label appearing cut off. here is a POC

Image

desig9stein avatar Apr 09 '24 12:04 desig9stein

I will keep this issue open for reference.

simeonoff avatar Apr 11 '24 08:04 simeonoff