Overview:
OceanBase Design is an enterprise-class design system that is based on Ant Design and extends its functionality. This design system is aimed at helping OceanBase ecology and designers/developers in building professional products. It offers a range of features and documentation to support the development process.
Features:
- Extends Ant Design: OceanBase Design builds upon the foundation of Ant Design, offering additional functionality and features.
- Enterprise-class Design System: It is designed to meet the needs of enterprise-level projects, providing comprehensive design components and tools.
- Supports OceanBase Ecology: The design system is specifically tailored to support the OceanBase ecology, enabling designers and developers to create products that integrate smoothly with other OceanBase components.
Installation:
To use OceanBase Design in your project, follow these steps:
- Install the necessary packages by running the following command:
npm install --save @oceanbase/design @oceanbase/ui @oceanbase/charts
If you prefer using Gitpod, a free online development environment, click on the “Open in Gitpod” link provided. This will launch Gitpod with the necessary setup.
If you prefer to clone the repository locally, use the following command:
git clone {repository}
Replace {repository} with the actual URL of the repository to be cloned.
- After cloning or opening in Gitpod, open your browser and visit http://127.0.0.1:8000 to access the design system.
Summary:
OceanBase Design is an enterprise-class design system that extends Ant Design, providing designers and developers with a comprehensive set of components and tools. Built to support the OceanBase ecology, it offers additional functionality and features to help build professional-grade products. The installation process is simple, and users can choose to either use Gitpod or clone the repository locally. With OceanBase Design, developers can streamline their development process and create products that seamlessly integrate with other OceanBase components.