Liveperson-design-system NPM

LivePerson Design System

Checkout the demos

Installing

You can install LPDS with NPM or Yarn.

NPM: npm i liveperson-design-system
YARN: yarn add liveperson-design-system

How to use

Setup

First, you have to add the following script inside head tag

<script src="https://unpkg.com/liveperson-design-system/main.js"></script>

Usage

You can use any LPDS component either in a browser or with a front-end framework

Browser

<html>
  <head>
    <script src="https://unpkg.com/liveperson-design-system/components/button.js" />
  </head>

  <body>
    <lp-button labal="Button" />
  </body>
</html>

Framework (React)

import React from 'react';

import 'liveperson-design-system/components/button';

const App = () => {
  return (
    <lp-button label="Button" />
  );
};

export default App