Official DriveNets Design System for application development in React.
npm install @drivenets/design-systemOfficial DriveNets Design System for application development in React.
First, install the package via your preferred package manager:
``bash`
npm install @drivenets/design-systemor
pnpm install @drivenets/design-systemor
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
);
};
``