| dataSource | T[] | No | Dùng `dataSource` kết hợp với `renderItem` để hiển thị danh sách các phần tử, thay vì truyền trực tiếp các phần tử dưới dạng children.
Data source bắt buộc phải là một mảng các giá trị, kiểu giá trị có thể là bất kỳ kiểu dữ liệu nào. |
| renderItem | (item: T, index: number, loading: boolean) => React.ReactNode | No | Hàm dùng để render từng item trong `dataSource`. Hàm này nhận vào 3 tham số:
- `item`: Giá trị cần được render, được lấy từ `dataSource`.
- `index`: Vị trí hiện tại của item đang cần được render.
- `loading`: Trạng thái loading của danh sách.
Kết quả trả về một `ReactNode`, khuyến khích là ``. |
| loading | boolean | No | Trạng thái loading của danh sách. (default: false) |
| divider | boolean | No | Hiển thị viền ngăn cách giữa các phần tử trong danh sách. (default: true) |
| noSpacing | boolean | No | Không hiển thị khoảng cách giữa các phần tử trong danh sách. (default: false) |
| children | React.ReactNode | No | Các phần tử cần được hiển thị trong danh sách. _Không có tác dụng khi sử dụng cùng với `dataSource`._ |