How do you advanced design systems people handle type styles(or components) that need variants for both single- and multi-line use cases?
Thread
Hope this does the job 🤷🏼♂️ 😁 I'm looking for a best practice, like "go with two dedicated styles" or "make multi-line a prop of the typography component" or ..?
Do you mean that sometimes there's a button where the line-height is 1.4 and sometimes it's 1 but otherwise these buttons work and are used the same?
I thought it's hard to define + control vertical spacing of components when text styles "interfere" because they come with their own paddings because of the line-height bounding boxes. But the more I think about it, the more I get a feeling it's a non-problem I made up..
But then again I also found this note in figma's template design system; figma.com/design/ekd1L37…
