Skip to content

A Polymer 2 element for horizontally squishing text to stay within a max width.

License

Notifications You must be signed in to change notification settings

SupportClass/sc-fitted-text

Repository files navigation

<sc-fitted-text> Published on webcomponents.org Build Status Coverage Status Polymer 2 only

A Polymer 2 element for horizontally squishing text to stay within a max width.

Motivation

Broadcast graphics often need to ensure that text will fit within a given space. There are existing libraries out there that can reduce the font size of an element to fit a given space, but this behavior isn't always what is wanted. Sometimes, the design calls for horizontally squishing (scaling) the text, rather than reducing the font size. This element enables that.

Installation

bower install --save SupportClass/sc-fitted-text

Example

<sc-fitted-text text="Hello world!" max-width="100" align="center"></sc-fitted-text>

See the Demo page for an interactive example.

About

A Polymer 2 element for horizontally squishing text to stay within a max width.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages