Skip to content

Simple example of how to publish own react components as npm package

Notifications You must be signed in to change notification settings

codewithbernard/react-color-square

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Color Component

Installation

npm install --save react-color-square

How To Use

First import this component where you want to use it

import ReactColorSquare from "react-color-square"

Then just renders it

<ReactColorSqaure />

Props

Prop Description Default value
color Sets background color blue
width Sets width 100
height Sets height 100
text Sets inner text empty string

Example

import React, { Component } from "react";
import ReactColorSquare from "react-color-square";

class App extends Component {
  render() {
    return (
        <ReactColorSquare height={150} color="red" text="Hello World!" />
    );
  }
}

export default App;

About

Simple example of how to publish own react components as npm package

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published