DriveNets Design System

Official DriveNets Design System for application development in React.

Installation

First, install the package via your preferred package manager:

``bash
npm install @drivenets/design-system


or

pnpm install @drivenets/design-system

or

yarn add @drivenets/design-system
`

Then, import the css styles in your application root (e.g., main.tsx or App.tsx):

`typescript
import '@drivenets/design-system/index.min.css';
`

You'll also need to import the relevant fonts in your index.html file.

We recommend using our provided Vite plugin to automatically include the necessary font links. You can find more information about the plugin in the Vite Plugin README.

Or you can manually add the following lines to the section of your index.html file:

`HTML



`

Usage

You can now use the DriveNets Design System components in your React application. Here's a simple example:

`typescript
import { DsButton } from '@drivenets/design-system';

export const App = () => {
return (
alert('Button clicked!')}>Click Me
);
};
``