Item Customization

This route fixes the content base to the demo-small workload so the same 8 files across 8 expanded folders can be viewed through different context-menu, decoration, and git-status combinations. Toggle the controls to see how the custom decoration lane, built-in git lane, and action affordance coexist on realistic rows.

Controls

State stays local to this page. Change the controls, then click rows to compare the combined right-side lanes.

Context menu

Enable context menuTrigger modeButton visibility

Right-click mode removes the action lane, so button visibility is disabled.

Row decoration

Decoration preset

Combines text labels, selected-file icons, and file-type badges to stress the full lane composition.

Git status

Enable git status lanePreset

Covers A, M, D, U, and R directly on demo-small files so the leaf badges are easy to compare side by side.

Selected rows: None yet. Click a file row to exercise the selected-file icon preset.

Last menu interaction: Open the context menu to inspect a row.

Hydrated customization tree

One tree instance visualizes how context-menu affordances, custom row decoration, and built-in git status share the right side of each row. Click rows, open menus, and flip presets to compare the resulting lane composition.

Active decoration preset: Mixed

Active git-status preset: Set A · Direct file statuses