Zum Hauptinhalt springen

UI-Bibliothek

Die Legalesign UI-Bibliothek ist eine Sammlung von UI-Komponenten zum Erstellen benutzerdefinierter Oberflächen rund um Legalesign-Workflows. Entwickelt mit StencilJS, werden sie zu standardmäßigen Web Components kompiliert und können als native Bibliotheken ausgegeben werden für Angular, React, Vue und Ember — oder direkt in HTML/JavaScript verwendet werden.

Diese sind rein präsentational — sie nehmen Attribute/Props entgegen und rendern UI, ohne Authentifizierung oder API-Aufrufe.

Installation​

Kern (Web Components)​

Das Kernpaket funktioniert mit HTML/JavaScript oder jedem Framework, das Web Components unterstützt.

Installieren Sie legalesign-ui:

npm install legalesign-ui

React-Ausgabeziel​

Legalesign verwendet intern React, daher veröffentlichen wir ein vorgefertigtes React-Ausgabeziel mit nativen React-Komponenten, typisierten Props und Ereignisbehandlung.

Installieren Sie legalesign-ui-react:

npm install legalesign-ui-react

Andere Frameworks​

Das Erstellen von Ausgabezielen für Angular, Vue oder Ember ist einfach mit der StencilJS Framework-Integration. Sie können das Kern-Web Components-Paket auch direkt in jedem Framework ohne dediziertes Ausgabeziel verwenden.

Verwendung​

HTML​

Laden Sie den Komponenten-Lader und verwenden Sie die benutzerdefinierten Elemente direkt:

<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>
);

Dokumentation​

Vollständige Komponentendokumentation, Props-Referenz und Live-Beispiele sind verfügbar unter:

Verwandt​

Export This Article

Save a copy of this page as PDF or plain text.