Skip to content

eoscostarica/eosio-components

Repository files navigation

eoscr-components


A collection of React Components for EOSIO.

Table of Contents

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

License

MIT © EOS Costa Rica

This project follows the all-contributors specification. Contributions of any kind welcome!

Releases

No releases published

Packages

No packages published