vue-line-fit

Why

To make text automatically fit

What

vue-line-fit is a small component which fits its content to its dimensions.

See it in action

Install

npm install --save-dev vue-line-fit

or include build/bundle.js

Usage

# link the components up 
components:
  "vc-line-fit": require "vue-line-fit"
  # or: 
  "vc-line-fit": window.vueComps.vueLineFit

# in the template
vc-line-fit some text to fit

see dev/ folder for examples

Props

Name	type	default	description
refit	Boolean	false	will refit on element resize
letterSpacing	Boolean	false	will use 'letter-spacing' to fill the whole box
valign	Boolean	false	will align text vertically in the box

Development

Clone repository

npm install
npm run dev

Browse to http://localhost:8080/

Best development experience in atom with vue-autocompile.

License

Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.