Referencia API

Aquí tienes el contrato completo de board: todo lo que puedes enlazar, escuchar, proyectar y personalizar, reunido en un solo sitio. Enlaza lo que necesites y dale el estilo que quieras — es standalone y reactivo con signals.

Inputs

Ajusta board a tu gusto con 5 inputs. Se enlazan como cualquier @Input de Angular.

Nombre	Tipo	Por defecto	Descripción
`board`	`Board`	`undefined`	La definición completa del tablero a renderizar: un objeto cuyo array columns contiene los datos de columnas y tarjetas que muestra el componente.
`boardLabel`	`string`	`'Board'`	Nombre accesible del contenedor de listas del tablero.
`variant`	`'primary' \| 'success' \| 'danger' \| 'warning' \| 'info' \| string`	`undefined`	Acento semántico del placeholder de drag-and-drop. Acepta los acentos integrados del sistema de diseño, cualquier nombre de acento personalizado registrado o un color literal (#hex, rgb(), oklch(), color CSS con nombre); si no se establece, usa por defecto el acento primary.
`columnSortingDisabled`	`boolean`	`false`	Cuando es true, se desactiva la reordenación de columnas mediante drag-and-drop en todo el tablero.
`dragBehavior`	`'ghost' \| 'hide' \| 'collapse'`	`'collapse'`	Controla el aspecto del elemento arrastrado durante el arrastre: 'ghost' lo mantiene visible a media opacidad, 'hide' lo hace invisible pero conserva su espacio y 'collapse' lo elimina por completo junto con su espacio.

Outputs

Reacciona a lo que hace board: 4 eventos a los que enganchar tu lógica.

Nombre	Tipo	Descripción
`onCardClick`	`EventEmitter<BoardCard>`	Emite la tarjeta pulsada cada vez que se hace clic en una tarjeta dentro del tablero.
`onCardMoved`	`EventEmitter<CardDragDropEvent>`	Emite cuando una tarjeta se recoloca — dentro de su columna o hacia otra columna — mediante arrastre con el puntero o movimiento con teclado, con los índices anterior/actual y las columnas de origen/destino.
`onColumnMoved`	`EventEmitter<ColumnDragDropEvent>`	Emite cuando las columnas se reordenan mediante drag-and-drop, con los índices de columna anterior y actual.
`reachedEnd`	`EventEmitter<ReachedEndEvent>`	Emite cuando el cuerpo de una columna llega al final de su scroll, con el índice y los datos de la columna — habilita la carga por scroll infinito.

Templates

Todavía no hay templates documentados.