Saltar al contenido principal

Biblioteca de UI

La Biblioteca de UI de Legalesign es una colección de componentes de UI para construir interfaces personalizadas alrededor de los flujos de trabajo de Legalesign. Construidos con StencilJS, se compilan en Web Components estándar y pueden ser exportados como bibliotecas nativas para Angular, React, Vue y Ember, o usados directamente en HTML/JavaScript.

Estos son puramente presentacionales: toman atributos/props y renderizan UI, sin autenticación ni llamadas a API.

Instalación​

Core (Web Components)​

El paquete core funciona con HTML/JavaScript o cualquier framework que soporte Web Components.

Instalar legalesign-ui:

npm install legalesign-ui

React Output Target​

Legalesign usa React internamente, por lo que publicamos un React output target pre-construido con componentes React nativos, props tipados y manejo de eventos.

Instalar legalesign-ui-react:

npm install legalesign-ui-react

Otros Frameworks​

Generar targets de salida para Angular, Vue o Ember es sencillo usando la integración de framework StencilJS. También puedes usar el paquete core de Web Components directamente en cualquier framework sin un target de salida dedicado.

Uso​

HTML​

Carga el cargador de componentes y usa los elementos personalizados directamente:

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

Documentación​

La documentación completa de componentes, referencia de props y ejemplos en vivo están disponibles en:

Relacionados​

Export This Article

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