@blockchain-com/components
Advanced tools
Readme
The library Components is based on React and styled-components. It contains basic components, "atoms", and more complex "molecules" that are used on the Blockchain.com ecosystem.
Both yarn and npm are supported.
The commands are given using npm however you can use the yarn equivalent and it will Just Work™
npm i @blockchain-com/components and you are good to go!FontAwesome
Use <Fas... /> where "Fas" is the type ("Fab", "Far" and "Fas" are avaible, same as fontawesome.com) and "..." is the FontAwesome icon name.
The full icon list is available here (free version only)
Custom
Use <Bc... /> where "..." is the name of the icon.
Examples
// FontAwesome
<FasCheckCircle />
<FarCheckCircle />
<FabFacebook />
// Custom
<BcBitcoin />
npm inpm run startIf you want to change the library and reflect your changes on your consumer app without having to push to the repo and release, just:
git clone git@github.com:blockchain/components.gitcd path-to/componentsnpm linkcd path-to/my-appnpm link @blockchain-com/componentsYou can also use the task npm run build:watch on components to automatically recompile the library and trigger a refresh on your app :fire:.
:zap: you need to run npm link @blockchain-com/components everytime you run npm i or yarn...
This library follows the Atomic Design principles.
An additional attention has be taken to ensure that all components are available and fully functional accross major web browsers*, as well as responsive on any screen sizes.
Browsers with > 1% usage:
The coding style rules are defined by Prettier and enforced by Eslint The "good practices™" that we follow are defined by the Javascript Standard Style
The following commands are available:
npm run lint:js Lints JS codenpm run lint:css Lints styled componentsPlease execute npm test to run the unit tests
Testing is done using Jest and Enzyme.
We use Husky to automatically deploy git hooks
On every git commit and git push we run the unit tests and the linting tasks.
The commit messages are also validated and must follow the Conventional Commits spec.
FAQs
Blockchain.com components library
We found that @blockchain-com/components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Researchers recently demonstrated that the npm Registry is vulnerable to cache poisoning combined with DoS, posing significant risks for package availability.
Security News
The June TC39 meeting wrapped up this week with eight proposals moving on to the next stage. Here's a quick roundup of the features that the committee approved to advance.
Security News
Cyber extortion in the US and Canada hit record levels in 2023, with ransomware attacks surging and median ransom demands skyrocketing, though fewer companies are choosing to pay ransoms.