@shapla/react-components NPM

Shapla React Components

IMPORTANT: Shapla React Components is a work in progress and subject to major changes until 1.0 release.

A collection of reusable React components for rapid development.

Installation

Install using npm package manager

npm i @shapla/react-components

or using yarn package manager

yarn add @shapla/react-components

Usage

Here we export all components script as ES module and all style as SCSS mixins. So you need to import SCSS mixin to load style of component and also need to import ES module and use as react component.

Styles (SCSS)

// Add the following line at top of your scss file
@use "@shapla/react-components/src/index.scss" as shapla;

@include shapla.button;
@include shapla.progress;
// Include other mixins as your requirement

Javascript Instantiation

import React, { Component } from "react";
import { Button } from "@shapla/react-components";

class MyApp extends Component {
  render() {
    return <Button theme="primary">Click Me!</Button>;
  }
}