List
Overview
The List component is a UI component that efficiently displays and manages large amounts of data. For performance optimization, it doesn't render all data at once, but dynamically renders only the items visible in the user's viewport.
Key Features
1. Virtual Scroll
To optimize performance when handling large amounts of data, only the data currently visible on the screen is dynamically rendered. This reduces memory usage and improves user experience.
View Related Items
- Properties
2. Custom Renderer
You can render each item in the list in any desired form. Items can be expressed by freely combining text, images, buttons, etc.
View Related Items
- Properties
3. Row Count Specification
You can set the number of rows to display on the screen at once. This allows users to adjust the list size according to their preferences.
4. External Scroller
The List component can operate based on the scroll of its parent element that wraps the List, not just its own scroll. This enables more flexible layout composition.
View Related Items
- Properties
5. Interaction
Handles user interactions such as selecting items or moving focus. It can trigger events when items are selected or focus on specific items.
View Related Items
- Properties
6. Drag and Drop
Users can drag list items to change their order or move them to different locations. This allows users to easily restructure the list.
View Related Items
- Properties