@codeplex-sac/documentos

Componentes para la visualización de documentos en aplicaciones React. Construido sobre PDFSlick + PDF.js, con API declarativa en español y controles estilizados con Material UI.

Instalación

bun add @codeplex-sac/documentos @pdfslick/core @pdfslick/react @mui/material @emotion/react @emotion/styled

[!IMPORTANT] Importa los estilos del visor una sola vez y envuelve la app con CodeplexProveedorTema de @codeplex-sac/tema.

import '@pdfslick/react/dist/pdf_viewer.css';

Componentes

CodeplexVisorPdf

Visor de PDF interactivo con barra de controles (navegación, zoom, rotación y descarga).

import { CodeplexVisorPdf } from '@codeplex-sac/documentos';
import '@pdfslick/react/dist/pdf_viewer.css';

export const Ejemplo = () => (
  <CodeplexVisorPdf archivo="/documentos/factura.pdf" ajuste="ancho" alto={600} />
);

Props:

| Propiedad | Tipo | Por defecto | Descripción | | :--- | :--- | :--- | :--- | | archivo | string \| URL \| ArrayBuffer | — | Ruta, URL o contenido binario del PDF. | | paginaUnica | boolean | false | Una página a la vez en lugar de scroll continuo. | | ajuste | 'pagina' \| 'ancho' \| 'auto' \| number | 'pagina' | Ajuste de zoom inicial. | | alto | number \| string | 560 | Altura del visor. | | controles | boolean | true | Muestra la barra de controles. | | miniaturas | boolean | false | Muestra la barra lateral de miniaturas de páginas. |

Documentación detallada en readmes/documentos/visor-pdf.md.