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.
43 lines
1.4 KiB
43 lines
1.4 KiB
2 years ago
|
@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>
|
||
|
|
}
|