Bibliothèque UI

La bibliothèque UI Legalesign est une collection de composants UI pour construire des interfaces personnalisées autour des workflows Legalesign. Construits avec StencilJS, ils se compilent en Web Components standard et peuvent être exportés en tant que bibliothèques natives pour Angular, React, Vue et Ember — ou utilisés directement en HTML/JavaScript.

Ils sont purement présentiels — ils prennent des attributs/props et affichent l'interface utilisateur, sans authentification ni appels d'API.

Installation

Core (Web Components)

Le paquet core fonctionne avec HTML/JavaScript, ou tout framework supportant les Web Components.

Installez legalesign-ui :

npm install legalesign-ui

Cible de sortie React

Legalesign utilise React en interne, donc nous publions une cible de sortie React pré-construite avec des composants React natifs, des props typés et la gestion des événements.

Installez legalesign-ui-react :

npm install legalesign-ui-react

Autres frameworks

Générer des cibles de sortie pour Angular, Vue, ou Ember est simple en utilisant l'intégration framework StencilJS. Vous pouvez aussi utiliser directement le paquet core des Web Components dans n'importe quel framework sans cible de sortie dédiée.

Utilisation

HTML

Chargez le chargeur de composants et utilisez les éléments personnalisés directement :

<script type="module" src="node_modules/legalesign-ui/dist/legalesign-ui/legalesign-ui.esm.js"></script>

<ls-button variant="primary">Send Document</ls-button>

React

import { LsButton } from 'legalesign-ui-react';

const App = () => (
  <LsButton variant="primary" onClick={handleClick}>
    Send Document
  </LsButton>
);

Documentation

La documentation complète des composants, référence des props et exemples en direct sont disponibles à :

• Storybook / docs : ui.legalesign.io
• npm : legalesign-ui (core) · legalesign-ui-react (cible de sortie React)

Liens connexes

• Aperçu des composants — comment la bibliothèque UI s’intègre avec les widgets Legalesign
• Widget Visionneuse de documents — un composant authentifié pour l’édition de modèles et la préparation de documents