Skip to content

Conversation

@midhun-pk
Copy link
Collaborator

@midhun-pk midhun-pk commented Dec 15, 2025

Added a new ListBoxMultiLazy component that supports loading and selecting multiple items.

The component provides two data-loading modes:

Scroll: Behaves similarly to the existing ListBoxLazy component, where additional items are fetched automatically as the user scrolls near the end of the list.

Custom: Allows consumers to define their own trigger (e.g., a button click) to load more items. In this mode, props like onUpdateLimit, pageSize, limit, and hasMoreItems are optional, since the consumer fully controls the loading behavior.

ListBoxMultiLazy component also dynamically recalculates the height of each item based on the rendered content, allowing it to fully support rows with variable heights.

ListBoxMulti.Option has been updated to forward the ref provided by ListBoxMultiLazy. This ref is required for measuring the rendered element and determining its actual height.

ListBoxLazy has also been updated to support the two modes mentioned above.

New stories, “List Box Lazy With Custom Load More Items Trigger” and “List Box Multi Lazy With Custom Load More Items Trigger”, has been added alongside the existing ListBoxLazy stories to show usage of the custom trigger mode.

@midhun-pk midhun-pk requested a review from mkrause December 15, 2025 11:53
@midhun-pk midhun-pk merged commit e452bef into master Dec 19, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants