Kanban Board

Доска задач. Pro · Работа и команды › Планирование

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add kanban-board

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { KanbanBoard } from 'valyro-ui-pro';

Пропсы

Prop	Type	Default
`columns`	`KanbanColumn[]`		Controlled `columns`; use with `onColumnsChange`.
`defaultColumns`	`KanbanColumn[]`		Initial `columns` when uncontrolled.
`onColumnsChange`	`(columns: KanbanColumn[]) => void`		Called with the new board after a card is dropped (pointer or keyboard).
`onCardClick`	`(card: KanbanCard) => void`		Click or Enter on a card.
`locale`	`string`		Due-date and count formatting. Defaults to the `ThemeProvider` locale, then the browser's.
`headingLevel`	`2 \| 3 \| 4 \| 5 \| 6`	`3`	Level of the column titles, to fit the page's heading outline. Default 3.
`labels`	`Partial<KanbanBoardLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Похожие компоненты

Calendar View — Календарь событий
Scheduler — Планировщик: день, неделя, месяц и таймлайн ресурсов, drag & drop, повторы
Gantt Chart — Диаграммы Ганта с зависимостями и перетаскиванием
Booking Slots — Запись на встречу: календарь, слоты в часовом поясе гостя, форма и подтверждение
CRM Pipeline — Воронка сделок: этапы, суммы и вероятности, перетаскивание между этапами
Approval Flow — Многоэтапное согласование: последовательные и параллельные этапы, решения с причиной, история
Goal Tracker — OKR: цели и ключевые результаты, статусы, уверенность, чек-ины с историей
Onboarding Checklist — Чек-лист онбординга: прогресс, подсказки с CTA, скрытие и празднование
Course Path Navigator — Карта курса: модули, блокировки, прогресс и навыки, список на узком экране
Team Members — Участники команды: роли, приглашения по email, ожидающие инвайты, счётчик мест
Org Chart — Оргструктура: дерево с зумом и панорамой, поиск, сворачивание веток
Activity Feed — Лента активности

Назад: Scheduler · Далее: Gantt Chart · Весь раздел «Работа и команды»