components
components copied to clipboard
Inconsistencies in sl-select and sl-formfield in Figma
Provide a general summary of the issue here
I noticed the following inconsistencies in the SL-select and SL-formfield (variant text input):
- The corner radius of the input fields are different (2 for select, 4 for formfield)
- The space between Label and inputfield is different (lineheight is set to 20 for formfield and to 16 for select)
- In general, I think in the formfield a different Label component is used (also notice the naming of one of the layers: Frame 55)
- When resizing the component, the sl-select is set to fill (which is preferred) and the formfield is set to a fixed width
๐ค Expected Behavior?
Consistency between the two components, so that when used together in a form, it is coherent.
๐ฏ Current Behavior
-
-
- ..
-
๐ Possible Solution
Choose one corner radius, one label component and one way of resizing (fill/hug/fixed width)
๐ฅ๏ธ Steps to Reproduce
- Open SL-Select file in Figma Magister Light Mode
- Open SL-Formfield file in Figma Magister Light Mode
What browsers are you seeing the problem on? (only for bugs in code)
Other
If other, please specify.
No response
What operating system are you using?
MacOS
๐ค Your name
Floor Kuipers
๐งข Your product/team
Magister
๐จ Your Theme(s)
Magister
This was in limbo; status was "next up" but not assigned to a sprint so we didn't see it.
(Re)applied correct tokens to make select and form field the same, fixed fill on form components