Skip to content

arash380/arash-react-components

Repository files navigation

Arash's React Components

React component library which includes most used components by Arash Saadati.

NPM Link

Available Commands

npm i

Installs the required dependencies.

npm run watch

Watches for changes in the src directory and runs the build command when a file changes.

npm run build

Builds the package and creates the dist folder.

npm version [<newversion> | major | minor | patch]

Bumps the package version.

npm publish

Publishes the project to npm. You may need to login with npm first (npm login). You'll need permission to be able to publish any changes. Note: You'll need to bump the package version inside of the package.json file to be able to publish.

Usage

You need to wrap your whole react project around the ThemeProvider inside the index.js file. You can override the default theme by going over the folowing steps:

  1. Importing the DEFAULT_THEME
  2. Using object destructuring to make the necessary changes
  3. Passing the new theme to ThemeProvider

image

Component List

  • AppLoader
  • Backdrop
  • Button
  • Card
  • ConditionalWrapper
  • DragAndDrop
  • Draggable
  • Dropdown
  • Input
  • Modal
  • SearchBar
  • SidedrawerModal
  • Switch
  • Table
  • Tabs
  • TextArea
  • Timeline

Examples

*** Examples are only provided for complicated components. ***

DragAndDrop and Draggable Components

image 1


Dropdown Component

image

1


SidedrawerModal Component

image

1


Switch Component

image

1


Table Component

image

image

image

image


Tabs Component

image

ezgif com-gif-maker


Timeline Component

image

image

About

Commonly used react components by Arash Saadati.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published