List
FreeVertical list of items with icon, two text lines and a trailing action. Items become links or buttons when Href or OnClick is set.
Example
Parameters
List
| Parameter | Type | Description |
|---|---|---|
Bordered | bool | Draws a thin border. |
ChildContent | RenderFragment | Content rendered inside the component. |
Class | string | Extra CSS classes added to the root element. |
Dense | bool | Uses tighter cell padding. |
Style | string | Inline style added to the root element. |
ListItem
| Parameter | Type | Description |
|---|---|---|
Action | RenderFragment | Content at the end of the row, such as a button. |
ChildContent | RenderFragment | Content rendered inside the component. |
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
Href | string | Link address. On a Button it makes the button render as a link with the same look. |
Icon | IconName? | Icon to show (IconName). |
SecondaryText | string | Smaller second line of text. |
Selected | bool | Highlights the item as chosen. |
Style | string | Inline style added to the root element. |
Text | string | Text content (Tooltip: the tooltip text, Avatar: a name that becomes initials, ListItem: the main line). |
Events
ListItem
| Event | Type | Description |
|---|---|---|
OnClick | EventCallback<MouseEventArgs> | Raised when the button is clicked. |
Package
List is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3