@eoscostarica/eoscr-components NPM

eoscr-components

A collection of React Components for EOSIO.

Version

4.0.7

Installation

To add the package to your react app install the dependencies using yarn.

$ yarn add @eoscostarica/eoscr-components

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.

# Install dependencies and devDependencies
yarn
# Starts Storybook in development mode
yarn 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
│
├──  src
│   ├── api
│   │   └── eos-api.js
│   │
│   ├── config
│   │   └── index.js
│   │
│   ├── stories
│   │   ├── AccountInfo.stories.js
│   │   ├── CreateAccount.stories.js
│   │   ├── InputHash.stories.js
│   │   ├── Backdrop.stories.js
│   │   ├── RicardianContract.stories.js
│   │   ├── DropzoneHash.stories.js
│   │   ├── InfiniteRegistryTableLoader.stories.js
│   │   ├── BPJsonGenerator.stories.js
│   │   ├── VisualCertificate.stories.js
│   │   └── IssuanceVerifier.stories.js
│   │
│   ├── utils
│   │   ├── convert-hex-to-rgb.js
│   │   ├── get-eos-api.js
│   │   ├── file-reader.js
│   │   ├── validation.js
│   │   ├── index.js
│   │   └── get-rgb-colors-from-hex.js
│   │
│   ├── AccountInfo
│   │   ├── styles.js
│   │   ├── BPAvatar.js
│   │   ├── ProgressBar.js
│   │   └── index.js
│   ├── Backdrop
│   │   ├── styles.js
│   │   └── index.js
│   ├── BPJsonGenerator
│   │   ├── styles.js
│   │   ├── ImagePreview.js
│   │   ├── Modal.js
│   │   ├── NodesForm.js
│   │   └── index.js
│   ├── common
│   │   ├── styles.js
│   │   └── index.js
│   ├── CreateAccount
│   │   ├── styles.js
│   │   └── index.js
│   ├── DropzoneHash
│   │   ├── styles.js
│   │   ├── FileComponent.js
│   │   └── index.js
│   ├── InfiniteRegistryTableLoader
│   │   ├── styles.js
│   │   └── index.js
│   ├── InputHash
│   │   ├── styles.js
│   │   └── index.js
│   ├── IssuanceVerifier
│   │   ├── styles.js
│   │   └── index.js
│   ├── RicardianContract
│   │   ├── styles.js
│   │   └── index.js
│   ├── VisualCertificate
│   │   ├── styles.js
│   │   └── index.js
│   └── index.js
│
├── .eslintrc
├── .gitignore
├── .prettierignore
├── README.md
├── prettier.config.js
└── package.json