The Dola Design System is a collection of reusable UI components and guidelines for building consistent and user-friendly web applications. This design system is intended to streamline the development process, maintain brand consistency, and improve the user experience across all projects within your organization.
To get started with the Dola Design System, follow these steps:
-
Installation: You can install the design system as an npm package or clone the repository from GitHub.
# Using npm npm install dola-design-system # Using yarn yarn add dola-design-system
Usage: Import and use the components from the design system in your React applications.
import React from 'react'; import { Button, Card, Typography } from 'dola-design-system';
function MyComponent() { return (
Refer to the Storybook documentation for a detailed showcase of available components, their usage, and guidelines for incorporating them into your projects.
We use Storybook to showcase and document our design system components. You can explore and interact with the components in our Storybook:
© 2023 Dola Design System | All Rights Reserved