A web component that uses STRML/textFit to fit the text size to the available space. When the parent is resized, the text size is adjusted accordingly. Important: Make sure that textfit-div is put into a container that has an actual size.
Example:
<div class="layout horizontal flex wrap">
<div class="horizontal-section layout horizontal flex">
<textfit-div class="fullHeight flex" text="Hey!"></textfit-div>
</div>
<div class="horizontal-section layout horizontal flex">
<textfit-div class="fullHeight flex styled" text="Styled text"></textfit-div>
</div>
</div>
<paper-card>
<textfit-div class="fullHeight flex"
text="A little bit more text to showcase an extreme sample with multi-line support enabled to demonstrate wrapping capabilities"
horizontal-center multi-line></textfit-div>
</paper-card>