Πήγαινε στο κύριο περιεχόμενο

Βιβλιοθήκη UI

Η Βιβλιοθήκη UI του Legalesign είναι μια συλλογή από UI components για τη δημιουργία προσαρμοσμένων διεπαφών γύρω από ροές εργασίας Legalesign. Κατασκευασμένα με StencilJS, μεταγλωττίζονται σε πρότυπα Web Components και μπορούν να εξάγονται ως εγγενείς βιβλιοθήκες για Angular, React, Vue, και Ember — ή να χρησιμοποιηθούν απευθείας σε HTML/JavaScript.

Αυτά είναι αποκλειστικά παρουσίασης — δέχονται attributes/props και εμφανίζουν το UI, χωρίς αυθεντικοποίηση ή κλήσεις API.

Εγκατάσταση​

Core (Web Components)​

Το βασικό πακέτο λειτουργεί με HTML/JavaScript ή οποιοδήποτε framework που υποστηρίζει Web Components.

Εγκαταστήστε το legalesign-ui:

npm install legalesign-ui

React Output Target​

Η Legalesign χρησιμοποιεί εσωτερικά React, οπότε εκδίδουμε έναν προ-κατασκευασμένο React output target με εγγενή React components, πληρoφορημένα props και διαχείριση γεγονότων.

Εγκαταστήστε το legalesign-ui-react:

npm install legalesign-ui-react

Άλλα Frameworks​

Η δημιουργία output targets για Angular, Vue ή Ember είναι απλή χρησιμοποιώντας την ενσωμάτωση framework StencilJS. Μπορείτε επίσης να χρησιμοποιήσετε το βασικό πακέτο Web Components απευθείας σε οποιοδήποτε framework χωρίς αφιερωμένο output target.

Χρήση​

HTML​

Φορτώστε το component loader και χρησιμοποιήστε απευθείας τα custom elements:

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

Τεκμηρίωση​

Πλήρης τεκμηρίωση components, αναφορά props και ζωντανά παραδείγματα είναι διαθέσιμα στο:

Σχετικά​

Export This Article

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