Skip to content

bond-agency/react-flowtype

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 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

 
 
 

Contributors