Stencil Component Starter

Este es un componente de tabla que consume un api, creado en stencil para poder instalarlo y hacerle modificaciones ejecute:

git clone https://github.com/Wilz22/table-component.git
cd table-component

and run:

npm install
npm start

Para construir el componente para produccion, ejecute:

npm run build

Aplicación del componente en tu proyecto

Por ejemplo, tu proyecto se llama my-design-system, para usar my-table en cualquier sitio, inserta esto en tu index.html:

<script type="module" src="https://unpkg.com/my-design-system"></script>
<!--
To avoid unpkg.com redirects to the actual file, you can also directly import:
https://unpkg.com/[email protected]/dist/foobar-design-system/foobar-design-system.esm.js
-->
<my-table api-url="inserta tu api aqui"></my-table>

Ejemplo 2

Por ejemplo, para usar el componente <my-table /> en un proyecto de react tu puedes importar el componente directamente asi:

import 'foobar-design-system/my-component';

function App() {
  return (
    <>
      <div>
        <my-table
          api-url="tu api aqui"
        ></my-table>
      </div>
    </>
  );
}

export default App;