https://github.com/revolunet/react-fat
Responsive FAT texts component. Takes the whole available width.
https://github.com/revolunet/react-fat
fat react-component reactjs responsive text
Last synced: about 1 month ago
JSON representation
Responsive FAT texts component. Takes the whole available width.
- Host: GitHub
- URL: https://github.com/revolunet/react-fat
- Owner: revolunet
- Created: 2017-09-19T12:35:50.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-19T12:47:41.000Z (over 8 years ago)
- Last Synced: 2025-10-12T09:43:34.676Z (8 months ago)
- Topics: fat, react-component, reactjs, responsive, text
- Language: JavaScript
- Homepage: http://revolunet.github.io/react-fat
- Size: 679 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# react-fat
[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
Responsive FAT texts component. Takes the whole available width.
⚠️ doesnt work on Firefox at the moment (cf [Zoom property support](https://developer.mozilla.org/fr/docs/Web/CSS/zoom))
## Usage
```js
import Fat from 'react-fat'
const quote = `
LE RAP
C'ETAIT
MIEUX
AVANT
`
const Demo = () => {quote}
```
See demo : http://revolunet.github.io/react-fat
[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo
[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package