Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stolinski/react-vertical-rhythm-overlay
https://github.com/stolinski/react-vertical-rhythm-overlay
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/stolinski/react-vertical-rhythm-overlay
- Owner: stolinski
- Created: 2016-06-10T19:31:18.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-06-10T20:30:47.000Z (over 8 years ago)
- Last Synced: 2024-10-29T22:00:59.750Z (2 months ago)
- Language: JavaScript
- Size: 167 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Vertical Rhythm Overlay
## Install
npm install --save react-vertical-rhythm-overlay
## Usage
Specify a fontSize & lineHeight to have a vertical rhythm grid displayed. This component is positioned absolutely, so place it somewhere relative to the document.
```
import VerticalRhythm from 'react-vertical-rhythm-overlay';
...
...
render() {
return (
{/* yada yada yada */}
);
}
...
```
## Props
### fontSize
Should be any type of font unit with unit declared. (1.2em, 1.2rem, 16px... and so on).
### lineHeight
Should be any unitless, relative measure of line height. (1, 1.5, 1.234234234234... and so on).
### Sponsored By
[Level Up Tuts](http://leveluptutorials.com/) - [Youtube Channel](https://www.youtube.com/user/LevelUpTuts/)
