You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Components/List/ListItem.razor

43 lines
1.4 KiB

@namespace Connected.Components
@inherits UIComponent
<div tabindex="0" @attributes="UserAttributes" class="@Classname" @onclick="OnClickHandler" @onclick:stopPropagation="true" style="@Style">
@if (!string.IsNullOrWhiteSpace(Avatar))
{
<div class="mud-list-item-avatar">
<Avatar Class="@AvatarClass">
<Icon Icon="@Avatar" Color="@IconColor" Size="@IconSize" />
</Avatar>
</div>
}
else if (!string.IsNullOrWhiteSpace(Icon))
{
<div class="mud-list-item-icon">
<Icon Icon="@Icon" Color="@IconColor" Size="@IconSize" />
</div>
}
<div class="mud-list-item-text @(Inset? "mud-list-item-text-inset" : "")">
<Text Typo="@_textTypo">
@if (ChildContent != null)
{
@ChildContent
}
else
{
@Text
}
</Text>
</div>
@if (NestedList != null)
{
<Icon Icon="@($"{(_expanded ? ExpandLessIcon : ExpandMoreIcon)}")" Size="@IconSize" Color="@AdornmentColor" />
}
</div>
@if (NestedList != null)
{
<Collapse Expanded="@Expanded">
<List Clickable="List?.Clickable ?? false" Color="List?.Color ?? ThemeColor.Primary" DisablePadding="true" Class="mud-nested-list" Disabled="@Disabled" Dense="(Dense ?? List?.Dense) ?? false">
@NestedList
</List>
</Collapse>
}