Overview
The Components UI library, designed for the Blockchain.com ecosystem, provides a set of React-based components that simplify the development of web applications. Utilizing styled-components, this library includes both basic “atoms” and more intricate “molecules,” offering developers flexible building blocks to create visually appealing and functional interfaces. Although it has been deprecated in favor of the Constellation library, it remains a robust choice for projects that still utilize it.
Getting started is a breeze with a simple npm installation, and its architecture is guided by Atomic Design principles. With a focus on code quality and cross-browser compatibility, this library is suitable for a wide array of projects.
Features
- Easy Installation: Quickly install the library using npm with a simple command:
npm i @blockchain-com/components. - Icon Support: Easily integrate FontAwesome, crypto, and custom icons using straightforward component syntax like
<Fas /> or <Crypto... />. - Cross-Browser Compatibility: The components are designed to work smoothly across major web browsers and are responsive on any screen size, ensuring a great user experience.
- Atomic Design Architecture: Components are structured based on the Atomic Design methodology, making it easy to manage and scale your UI.
- Code Quality Tools: The library uses Prettier and Eslint for coding standards, alongside Jest and Enzyme for unit testing, ensuring high-quality and maintainable code.
- Development Tooling: Supports both npm and yarn for package management, making it flexible and adaptable to various development environments.
- Live Development Environment: Start the application in development mode using Storybook for easy access to the component library and live previews of changes.
