Skip to content

React implementation of flowtype.js: font-size based on element width. Allows you to keep the ideal amount of characters per line, while scaling font size.

Notifications You must be signed in to change notification settings

the-real-adammork/react-flowtype

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Powers of FlowType.js with a React component

What does it do?

See http://simplefocus.com/flowtype/.

Install latest version

npm install --save https://github.com/bond-agency/react-flowtype/tarball/v1.0.4

Usage

import React, { Component } from 'react'
import FlowType from 'react-flowtype'

export default class MyComponent extends Component {

  render () {
    return (
      <FlowType minimum={320} maximum={800} minFont={16} maxFont={40} fontRatio={35}>
        <h1>Hello World</h1>
      </FlowType>
    )
  }
}

About

React implementation of flowtype.js: font-size based on element width. Allows you to keep the ideal amount of characters per line, while scaling font size.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%