Pickpack02-ui NPM

Quick start

Follow the next instructions to install piakpack ui

Instalación de la librería pick

npm install pickpack02-ui

Instalación de dependencias en App.js o en el componente padre de la app

import 'pickpack02-ui/dist/src/commons/styles/global.css';
import 'pickpack02-ui/dist/src/i18n';

Instalación de dependencias

Todos los componentes deben ser llamados de /esm para utilizar typeScript

import ParentComponent from 'pickpack02-ui/dist/esm/ParentComponent';
import Comments from 'pickpack02-ui/dist/esm/commons/components/Comments/Comments';
import Support from 'pickpack02-ui/dist/esm/commons/components/Support/Support';

Llamar componentes

ParentAccount es el componente que espera los parametros principales. Auth, orderId y Language

<ParentComponent auth={auth} orderId={selectOrder} lang={selectLang}>
    <Comments />
    <Support />
</ParentComponent>

Puedes hacer llamado a todos los componentes de la librería y ordenarlos. Esto son algunos componentes que puedes llamar:

<Comments />
<Activity />
<Support />
<Products />
<Payments />
<Details />
<Delivery />
<OrderInfo />
<Summary />

VTEX IO

Para ver los componentes en una tienda de VTEX IO sigue los siguientes pasos:

Descargar el proyecto My-account de vtex apps

Vtex my account

Descarga el folder my-account-extension-example del branch llamado 1.x

El branch 1.x es el indicado para proyectos de VTEX IO, solo es necesario el folder my-account-extension-example, extrae todos los documentos y corre el proyecto de vtex

vtex login ACCOUNT
vtex use WORKSPACE-TO-USE
vtex link

Instala pickpack ui Quick start

Puedes hacer la instación de los componentes en /components del proyecto que acabas de descargar

Ingresa a la tienda donde se hizo la instalación ACCOUNT.myvtex.com/accoun. En el nuevo menú están los componentes de pickpack ui

What's included

Some text

folder1/
└── folder2/
    ├── folder3/
    │   ├── file1
    │   └── file2
    └── folder4/
        ├── file3
        └── file4

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.