dola-designsystem-test v1.0.3

Dola Design System

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.

Getting Started

To get started with the Dola Design System, follow these steps:

1. 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 (

<div>
  <Typography variant="h1">Welcome to My App</Typography>
  <Card>
    {/* Your content here */}
  </Card>
  <Button>Click Me</Button>
</div>

); }

Documentation:

Refer to the Storybook documentation for a detailed showcase of available components, their usage, and guidelines for incorporating them into your projects.

Storybook

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