Componente Kanban Board para Angular | ng-hub-ui-board
Componente Kanban para Angular con drag and drop, plantillas de tarjeta, flujos por columnas y variables CSS para paneles de negocio.
Visión General
Por qué los equipos buscan esta librería
Este componente board para Angular te ayuda a entregar flujos estilo Kanban con drag and drop, plantillas flexibles y patrones de interacción escalables para herramientas de negocio reales.
Instalación
npm install ng-hub-ui-boardIr a
Ideal para
- tableros de tareas
- seguimiento de pipelines
- flujos CRM
- paneles operativos
Sobre board
ng-hub-ui-board está diseñado para productos Angular que necesitan algo más que una lista estática: seguimiento de tareas, pipelines CRM, flujos de soporte o paneles internos de operaciones. Mantiene flexible el renderizado de tarjetas sin perder un modelo coherente de interacción.
Guías de uso
Basic Usage
Fundamental board features
Ejemplos:
Basic Board Example
Basic Board Example
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Interactions
User interaction capabilities
Ejemplos:
Card Drag & Drop
Card Drag & Drop
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Column Reordering
Column Reordering
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Card Click Event
Card Click Event
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Board Events
Board Events
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Advanced Features
Scrolling and advanced behavior
Ejemplos:
Infinite Scroll
Infinite Scroll
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Plantillas
Customizing appearance
Ejemplos:
Custom Card Template
Custom Card Template
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Header Template
Custom Header Template
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Footer Template
Custom Footer Template
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Card Placeholder
Custom Card Placeholder
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Column Placeholder
Custom Column Placeholder
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Drag Preview
Custom Drag Preview
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Configuration
Board configuration options
Ejemplos:
Disable Sorting
Disable Sorting
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Custom Scroll Padding
Custom Scroll Padding
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Drag Behavior Modes
Drag Behavior Modes
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Styling
Customizing appearance via CSS variables
Ejemplos:
CSS Customization
CSS Customization
La vista previa en vivo todavía no está disponible para este ejemplo.
Código
Características clave
Flujos con drag and drop
Mueve tarjetas y columnas de forma natural en interfaces Angular para planificación, operaciones o procesos CRM.
Plantillas de tarjeta personalizadas
Renderiza tarjetas ricas con acciones, badges, metadatos y layouts específicos de dominio.
Pensado para herramientas internas
Útil para tableros de equipo, pipelines de entrega y experiencias internas de back office.
Cambios recientes
No hay entradas de changelog disponibles.