Como empezar

Recomendamos el uso de las siguientes herramientas:

⚠️

La documentación está en plena construcción, por lo que no podrá instalar el package como tal. Todavía... 😉

Instalacion manual

Instalar package

Para instalar @unllamas/lacrypta-ui, ejecuta uno de los siguientes comandos en tu terminal:

npm i @unllamas/lacrypta-ui

Configurando proveedor

Es esencial agregar NextProvider en la raíz de su aplicación. Para ello crearemos una carpeta context en el root del proyecto y generaremos el siguiente archivo:

context/AppProvider.tsx

'use client';
 
import { NextProvider } from '@unllamas/lacrypta-ui';
 
export function AppProvider({ children }) {
  return <NextProvider>{children}</NextProvider>;
}

Configurado nuestro Provider, pasaremos a usarlo en su layout principal

app/layout.tsx

// 1. Import `AppProvider` component
import { AppProvider } from '../context/AppProvider';
 
export function App({ children }) {
  // 2. Wrap `AppProvider` at the root of your app
  return (
    <html lang="en">
      <body>
        <AppProvider>{children}</AppProvider>
      </body>
    </html>
  );
}

Use un componente

Ahora, usted puede usar el componente que has instalado en tu aplicación.

app/page.tsx

'use client';
 
// 1. Import `Button` componente
import { Button } from '@unllamas/lacrypta-ui';
 
export function Page() {
  // 2. Use `Button` how to <button></button>
  return (
    <main>
      <Button>Click me!</Button>
    </main>
  );
}

Listo para la acción!

Ahora, puedes ejecutar el comando next o next dev especificado en package.json para comenzar a desarrollar el proyecto!

Introducción Customización