Справочник API

Вот полный контракт board: всё, что можно привязать, прослушать, спроецировать и тематизировать, собрано в одном месте. Подключите то, что нужно, и оформите так, как хотите — это standalone и дружит с сигналами.

Входные свойства

Настройте board с помощью 5 входных свойств. Привязывайте их, как любой @Input в Angular.

Имя	Тип	По умолчанию	Описание
`board`	`Board`	`undefined`	Полное определение доски для отрисовки: объект, массив columns которого содержит данные колонок и карточек, отображаемые компонентом.
`boardLabel`	`string`	`'Board'`	Доступное имя контейнера списков доски.
`variant`	`'primary' \| 'success' \| 'danger' \| 'warning' \| 'info' \| string`	`undefined`	Семантический акцент плейсхолдера перетаскивания. Принимает встроенные акценты дизайн-системы, имя любого зарегистрированного пользовательского акцента или буквальный цвет (#hex, rgb(), oklch(), именованный цвет CSS); если не задан, используется акцент primary.
`columnSortingDisabled`	`boolean`	`false`	Если true, изменение порядка колонок перетаскиванием отключено для всей доски.
`dragBehavior`	`'ghost' \| 'hide' \| 'collapse'`	`'collapse'`	Управляет тем, как выглядит перетаскиваемый элемент во время перетаскивания: 'ghost' оставляет его видимым с половинной непрозрачностью, 'hide' делает его невидимым, но сохраняет занимаемое место, а 'collapse' полностью убирает и элемент, и его место.

События

Реагируйте на то, что делает board, — 4 событий, к которым можно подключить вашу логику.

Имя	Тип	Описание
`onCardClick`	`EventEmitter<BoardCard>`	Испускает нажатую карточку при каждом клике по карточке внутри доски.
`onCardMoved`	`EventEmitter<CardDragDropEvent>`	Вызывается, когда карточка перемещается — внутри своей колонки или в другую колонку — перетаскиванием указателем или с клавиатуры; предоставляет предыдущий и текущий индексы, а также исходную и целевую колонки.
`onColumnMoved`	`EventEmitter<ColumnDragDropEvent>`	Вызывается при изменении порядка колонок перетаскиванием; предоставляет предыдущий и текущий индексы колонки.
`reachedEnd`	`EventEmitter<ReachedEndEvent>`	Вызывается, когда тело колонки прокручено до самого низа; предоставляет индекс и данные колонки — позволяет реализовать бесконечную подгрузку при прокрутке.

Шаблоны

Шаблоны пока не задокументированы.