common-ui-typescript v1.0.3

common-ui-typescript

Overview

This is a react component UI package. It provide a various components which is widely used by react developers. Components are editable and customisable.

1. Installation

npm install my-common-ui-test

2. Use Components

import {Navbar} from "my-common-ui-test"

3. Documentation

3.1 Navbar

• items: takes an array of object where each object has two attributes "title" and link. Example:

    const items = [{"title": "Home", "link":"/#"}]
    <Navbar items = {items}/>

• sx: takes an object which holds CSS attributes. Example

        const style = {width:"10px"}
        <Navbar sx = {style}/>

• color: Changes background color.

3.2 Button

• size: Take three values "1", "2", and "3" which represent small, medium and large. Example

    <Button size="2"> Button Name </Button>

• show: Takes two values "0" to hide the button, and "1" to show.

     <Button show="1"> Button Name </Button>
   

• sx: takes an object which holds CSS attributes. Example
  
• color: Changes background color.