eoscr-components

A collection of React Components for EOSIO.

Installation
Components
Run locally
File Structure
License
Contributors

Version

2.0.3

Installation

Install the dependencies and devDependencies and start the server.

$ npm install eoscr-components --save

Components

	Description	Tag
Create Account	Form to create a new account	`<CreateAccount />`
Get Account Information	Get an account information	`<AccountInfo />`
Input Hash	Input Text to create or validate HASH256	`<InputHash />`
Dropzone Hash	Drop zone to handle files	`<DropzoneHash />`
Backdrop	Backdrop	`<Backdrop />`
BPJsonGenerator	BPJsonGenerator	`<BPJsonGenerator />`
InfiniteRegistryTableLoader	Provides infinite scroll and dynamic load	`<InfiniteRegistryTableLoader />`
VisualCertificate	Displays visual certificate with information and resources to verify the validity of the transaction	`<VisualCertificate />`
Issuance Verifier	Dropzone that validates the issuance of a file	`<IssuanceVerifier />`
Ricardian Contract Visualizer	Shows Ricarian clauses	`<RicardianContract />`

Run locally

Local Development

We are using Storybook

is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

npm run storybook

you can see more information about STORYBOOK

File Structure

Within the download you'll find the following directories and files:

eoscr-components/
├── .storybook
│   ├── main.js
│   ├── preview.js
│   ├── preview-head.html
│   └── styles-decorator.js
│
├──  src
│   ├── api
│   │   └── eosjs-api.js
│   │
│   ├── config
│   │   └── index.js
│   │
│   ├── stories
│   │   ├── 0-AccountInfo.stories.js
│   │   ├── 1-CreateAccount.stories.js
│   │   ├── 2-InputHash.stories.js
│   │   ├── 3-Backdrop.stories.js
│   │   ├── 4-RicardianContract.stories.js
│   │   ├── 5-DropzoneHash.stories.js
│   │   ├── 6-InfiniteRegistryTableLoader.stories.js
│   │   ├── 7-BPJsonGenerator.stories.js
│   │   ├── 8-VisualCertificate.stories.js
│   │   └── 9-IssuanceVerifier.stories.js
│   │
│   ├── themes
│   │   └── index.js
│   │
│   ├── utils
│   │   ├── convertHex2RGB.js
│   │   ├── convertVotesToEosVotes.js
│   │   ├── filereader.js
│   │   └── getRgbColorsFromHex.js
│   │
│   ├── AccountInfo
│   │   ├── AccountInfo.js
│   │   ├── BPAvatar.js
│   │   ├── ProgressBar.js
│   │   └── index.js
│   ├── Backdrop
│   │   ├── Backdrop.js
│   │   └── index.js
│   ├── BPJsonGenerator
│   │   ├── BPJsonGenerator.js
│   │   ├── ImagePreview.js
│   │   ├── Modal.js
│   │   ├── NodesForm.js
│   │   └── index.js
│   ├── common
│   │   ├── DropzoneBase.js
│   │   └── index.js
│   ├── CreateAccount
│   │   ├── CreateAccount.js
│   │   └── index.js
│   ├── DropzoneHash
│   │   ├── DropzoneHash.js
│   │   ├── FileComponent.js
│   │   └── index.js
│   ├── InfiniteRegistryTableLoader
│   │   ├── InfiniteRegistryTableLoader.js
│   │   └── index.js
│   ├── InputHash
│   │   ├── InputHash.js
│   │   └── index.js
│   ├── IssuanceVerifier
│   │   ├── IssuanceVerifier.js
│   │   └── index.js
│   ├── RicardianContract
│   │   ├── RicardianContract.js
│   │   └── index.js
│   ├── VisualCertificate
│   │   ├── VisualCertificate.js
│   │   └── index.js
│   └── index.js
│
├── .eslintrc
├── .gitignore
├── .prettierignore
├── README.md
├── prettier.config.js
└── package.json