Skip to content

Latest commit

 

History

History
18 lines (13 loc) · 1.34 KB

README.md

File metadata and controls

18 lines (13 loc) · 1.34 KB

<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.