0.1.4 • Published 8 years ago

vue-line-fit v0.1.4

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

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

Nametypedefaultdescription
refitBooleanfalsewill refit on element resize
letterSpacingBooleanfalsewill use 'letter-spacing' to fill the whole box
valignBooleanfalsewill 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.