- bit BlazorUI

BasicList

BitBasicList provides a base component for rendering large sets of items. It’s agnostic of layout, the tile component used, and selection management.

Usage

Basic
Explore the essential use of BitBasicList, displaying a simple list of people.

Name: Person 1
Name: Person 2
Name: Person 3
Name: Person 4
Name: Person 5
Name: Person 6
Name: Person 7
Name: Person 8
Name: Person 9
Name: Person 10
Name: Person 11
Name: Person 12
Name: Person 13
Name: Person 14
Name: Person 15
Name: Person 16
Name: Person 17
Name: Person 18
Name: Person 19
Name: Person 20
Name: Person 21
Name: Person 22
Name: Person 23
Name: Person 24
Name: Person 25
Name: Person 26
Name: Person 27
Name: Person 28
Name: Person 29
Name: Person 30
Name: Person 31
Name: Person 32
Name: Person 33
Name: Person 34
Name: Person 35
Name: Person 36
Name: Person 37
Name: Person 38
Name: Person 39
Name: Person 40
Name: Person 41
Name: Person 42
Name: Person 43
Name: Person 44
Name: Person 45
Name: Person 46
Name: Person 47
Name: Person 48
Name: Person 49
Name: Person 50
Name: Person 51
Name: Person 52
Name: Person 53
Name: Person 54
Name: Person 55
Name: Person 56
Name: Person 57
Name: Person 58
Name: Person 59
Name: Person 60
Name: Person 61
Name: Person 62
Name: Person 63
Name: Person 64
Name: Person 65
Name: Person 66
Name: Person 67
Name: Person 68
Name: Person 69
Name: Person 70
Name: Person 71
Name: Person 72
Name: Person 73
Name: Person 74
Name: Person 75
Name: Person 76
Name: Person 77
Name: Person 78
Name: Person 79
Name: Person 80
Name: Person 81
Name: Person 82
Name: Person 83
Name: Person 84
Name: Person 85
Name: Person 86
Name: Person 87
Name: Person 88
Name: Person 89
Name: Person 90
Name: Person 91
Name: Person 92
Name: Person 93
Name: Person 94
Name: Person 95
Name: Person 96
Name: Person 97
Name: Person 98
Name: Person 99
Name: Person 100
Virtualization
Experience BasicList with virtualization enabled to efficiently render large lists.

Style & Class
Empower customization by setting styles and classes, allowing tailored design modifications to suit specific UI requirements.

OverscanCount
Experience BitBasicList with overscan count and virtualization for improved scrolling performance.

ItemsProvider
Utilize BitBasicList with an ItemsProvider for displaying data and custom placeholders.

Grouped ItemsProvider
See BitBasicList with an ItemsProvider, categorizing and displaying data for products and categories.

Implementation

BitBasicList parameters
Name
Type
Default value
Description
EmptyContent RenderFragment? null The custom content that gets rendered when there is no item to show.
EnableVirtualization bool false Enables virtualization in rendering the list.
Items ICollection<TItem> new Array.Empty<TItem>() Gets or sets the list of items to render.
ItemSize float 50 Gets the size of each item in pixels. Defaults to 50px.
OverscanCount int 3 Gets or sets a value that determines how many additional items will be rendered before and after the visible region.
Role string list Gets or set the role attribute of the BasicList html element.
RowTemplate RenderFragment<TItem>? null Gets or sets the Template to render each row.
ItemsProvider BitBasicListItemsProvider<TItem>? null A callback that supplies data for the rid. You should supply either Items or ItemsProvider, but not both.
VirtualizePlaceholder RenderFragment<PlaceholderContext>? null Optional custom template for placeholder Text.
BitComponentBase parameters
Name
Type
Default value
Description
AriaLabel string? null The aria-label of the control for the benefit of screen readers.
Class string? null Custom CSS class for the root element of the component.
HtmlAttributes Dictionary<string, object> new Dictionary<string, object>() Capture and render additional attributes in addition to the component's parameters.
Id string? null Custom id attribute for the root element. if null the UniqueId will be used instead.
IsEnabled bool true Whether or not the component is enabled.
Style string? null Custom CSS style for the root element of the component.
Visibility BitVisibility BitVisibility.Visible Whether the component is visible, hidden or collapsed.
BitComponentBase public members
Name
Type
Default value
Description
UniqueId Guid Guid.NewGuid() The readonly unique id of the root element. it will be assigned to a new Guid at component instance construction.
RootElement ElementReference The ElementReference of the root element.
BitVisibility enum
Name
Value
Description
Visible 0 The content of the component is visible.
Hidden 1 The content of the component is hidden, but the space it takes on the page remains (visibility:hidden).
Collapsed 2 The component is hidden (display:none).