react-lorem

1.0.13 • Public • Published

React Lorem component

A react component that renders lorem ipsum text.

Demo

<div>
    <Lorem />
    <Lorem reps={{ times: 4, lineBreak: true }} color={'yellow'} fontSize={'medium'} />
    <Lorem color={'blue'} fontSize={30} />
    <Lorem color={'rgb(154,67,123)'} fontSize={'large'} />
</div>

results to...

https://gyazo.com/3a4a40b15c50f0f079fe701bb2a301c7

Installation

https://nodei.co/npm/react-lorem.png?downloads=true&downloadRank=true&stars=true NPM

Properties

Property Description Type Required
reps amount of repetitions shape NO
color text color string NO
fontSize font size string/number NO

Usage

import React from 'react';
import Lorem from 'react-lorem/Lorem.jsx';
 
render(
  <div>
    <Lorem />
    <Lorem reps={{ times: 4, lineBreak: true }} color={'#FFAADD'} fontSize={'small'} />
    <Lorem color={'blue'} fontSize={30} />
    <Lorem color={'rgb(154,67,123)'} fontSize={'large'} />
  </div>,
  document.getElementById('root')
);

Example

npm install
npm start
Open http://localhost:4000

Linting

ESLint with React linting options have been enabled.

npm run lint

Credits

Big thanks to react-es6-webpack-boilerplate, which provided the base of this project and of course gave me the chance to have a very first viewing on the latest front-end configurations.

Package Sidebar

Install

npm i react-lorem

Weekly Downloads

5

Version

1.0.13

License

MIT

Last publish

Collaborators

  • toubou