react-placeholder-components

A collection of React components that generate placeholder content for your web applications.

Installation

npm install react-placeholder-components --save

Usage/Examples

import { Lorem, Address, Name } from "react-placeholder-components";

function App() {
    <>
        <Lorem words={8} />
        // <>Lorem ipsum dolor sit amet consectetur adipisicing elit.</>
        <Lorem chars={20} tag="p" />
        // <p>Lorem ipsum dolor si</p>
        <Address />
        // <>1 rue de la Paix, 75008 Paris</>
        <Address country="US" tag="a" />
        // <a>123 Main St, Springfield, IL 62701</a>
        <Name tag="div" />
        // <div>Arthur Louis</div>
        <Name country="US" tag="p" />
        // <p>John Doe</p>
    </>;
}

Countries

Country props accept the following countries:

| Country Code | Country Name | | ------------ | -------------- | | FR | France | | US | United States | | UK | United Kingdom | | DE | Germany | | NL | Netherlands | | IT | Italy |

Types

Typescript types are included in the package for now.