arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Kanban
A Kanban board component for visualizing workflow and managing tasks with drag-and-drop functionality.

Based on jkanban by Riktar.
Components and more
Documentation pe:kanban
Attributes (move mouse over the names to see data types)
Name Description
addItemButtonEnable add item button on each board.Default is false.
bindContextMenuClient-side id of a PrimeFaces contextMenu component to bind to right-click events.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
dragBoardsEnable board (column) dragging and reordering.Default is true.
dragHandleEnable drag handle on items. When enabled, only the handle area is draggable, preventing accidental drags on the card body.Default is false.
draggableEnable drag-and-drop functionality.Default is true.
extenderJavaScript function to extend the widget configuration.
gutterGutter (spacing) between boards in CSS units, e.g. "15px".Default is 15px.
idUnique identifier of the component in a namingContainer.Default is generated.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
responsivePercentageIf true, boards use percentage-based widths instead of fixed pixel widths.Default is false.
styleInline CSS style of the component.
styleClassStyle class of the component.
valueList of KanbanColumn objects representing the kanban board columns and items.
widgetVarName of the client side widget.Default is generated ('widget_' + componentClientId).
widthBoardDefault width of each board in CSS units, e.g. "250px".Default is 250px.
PrimeFaces Extensions Showcase - © 2011-2026,PrimeFaces: 16.0.0-RC1,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-07-18 14:36