Example of Toggle Columns in React Kanban

/
/
Toggle Columns

This sample demonstrates the column toggling functionality of the Kanban component, enabling users to expand or collapse columns to optimize board layout and improve workflow visibility.

More Details...

Loading....
Description

This sample demonstrates the column toggling functionality of the Kanban component, which allows columns to be expanded or collapsed to optimize available space and improve board readability. When a column is collapsed, the remaining columns automatically adjust to utilize the available layout space.

The following column properties are used to configure this behavior:

  • allowToggle: Enables expand and collapse functionality for a column.
  • isExpanded: Specifies the initial expanded or collapsed state of a column when the board is rendered.

More information on the Essential® JS2 Kanban board can be found in this toggle column documentation section.

Looking for the full React Kanban component overview, features, pricing and documentation? Visit the React Kanban page.