Libreria UI

La Libreria UI di Legalesign è una raccolta di componenti UI per costruire interfacce personalizzate attorno ai flussi di lavoro di Legalesign. Costruiti con StencilJS, si compilano in standard Web Components e possono essere esportati come librerie native per Angular, React, Vue e Ember — oppure usati direttamente in HTML/JavaScript.

Questi sono puramente presentazionali — ricevono attributi/props e rendono l’interfaccia, senza autenticazione o chiamate API.

Installazione

Core (Web Components)

Il pacchetto core funziona con HTML/JavaScript, o qualsiasi framework che supporti Web Components.

Installa legalesign-ui:

npm install legalesign-ui

React Output Target

Legalesign usa internamente React, quindi pubblichiamo un output target React precompilato con componenti React nativi, props tipizzati e gestione eventi.

Installa legalesign-ui-react:

npm install legalesign-ui-react

Altri Framework

Generare output target per Angular, Vue o Ember è semplice usando l’integrazione framework di StencilJS. Puoi anche usare direttamente il pacchetto core Web Components in qualsiasi framework senza un output target dedicato.

Uso

HTML

Carica il loader dei componenti e usa direttamente gli elementi personalizzati:

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

Documentazione

Documentazione completa dei componenti, riferimento delle props ed esempi live sono disponibili su:

• Storybook / docs: ui.legalesign.io
• npm: legalesign-ui (core) · legalesign-ui-react (output target React)

Correlati

• Panoramica dei componenti — come la Libreria UI si integra con i widget di Legalesign
• Widget Document Viewer — un componente autenticato per la modifica dei template e la preparazione dei documenti