Input Label-Text and Margins

[DavidJantz]

The new labels for inputs is excellent. However, this seems to remove the spacing between inputs, particularly the margin-block-end of var(--calcite-label-margin-bottom, .75rem) from using calcite-label. Is this expected behavior?

Example showing difference in default margins between using label-text and calcite-label:

https://codepen.io/David-Jantz/pen/GgomKPP

[DitwanDPrice]

Hey David, great catch! 👀 We actually have an open issue that will address this: #12450.

In the meantime, you can achieve the same bottom margin spacing by adding a bit of custom CSS here’s an example (CodePen)