Primeros Pasos

Introducción

Conoce Spartan, el sistema de componentes de PlaceToPay.

Spartan es el sistema de componentes unificado de PlaceToPay, construido con Vue 3 y TailwindCSS. Proporciona 65 componentes listos para usar en todas las aplicaciones web de la organización.

¿Qué es Spartan?

Spartan es una biblioteca de componentes Vue 3 diseñada específicamente para estandarizar la interfaz de usuario en las aplicaciones de PlaceToPay. Su objetivo es garantizar consistencia visual y de comportamiento sin sacrificar flexibilidad.

La biblioteca se distribuye como un paquete npm y se integra nativamente en cualquier proyecto que use Vue 3 y TailwindCSS.

Características principales

65 Componentes

Desde botones y campos de entrada hasta modales y tablas de datos, todo lo necesario para construir interfaces completas.

Tema personalizable

Personaliza la paleta de colores primaria de toda la biblioteca desde una única hoja de estilos, sin modificar los componentes.

Internacionalización

Soporte nativo de i18n con traducciones incluidas en español, inglés, italiano, portugués y francés.

TypeScript

Todos los componentes están desarrollados con TypeScript para mayor seguridad de tipos y mejor experiencia de desarrollo.

Tecnologías

Spartan está construido sobre las siguientes tecnologías:

  • Vue 3 — Framework de JavaScript para construir interfaces de usuario.
  • TailwindCSS — Framework de CSS de utilidades para un estilo rápido y consistente.
  • TypeScript — Superset de JavaScript con tipado estático.
  • Vite — Herramienta de compilación moderna y rápida.

Ecosistema recomendado

Para aprovechar al máximo Spartan, se recomienda usar las siguientes bibliotecas complementarias:

  • Iconsax Vue — Conjunto de iconos diseñado para integrar con los componentes de Spartan.
  • Flagicons Vue — Iconos de banderas por país y región.
  • vue-i18n — Solución de internacionalización para Vue, necesaria para los componentes con texto integrado.
Copyright © 2026