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/Field/Field.razor

27 lines
1.2 KiB

2 years ago
@namespace Connected.Components
@inherits UIComponent
<InputControl Label="@Label" HelperText="@HelperText" Variant="@Variant" FullWidth="@FullWidth" Margin="@Margin" Disabled="@Disabled"
Class="@InputControlClassname" Error="@Error" ErrorText="@ErrorText" Style="@Style" @attributes="UserAttributes" ForId="@FieldId">
<InputContent>
<div class="@Classname">
@if (Adornment == Adornment.Start)
{
<InputAdornment Class="@AdornmentClassname" Icon="@AdornmentIcon" Size="@IconSize" Text="@AdornmentText" Edge="@Edge.Start" AdornmentClick="@OnAdornmentClick" Color="@AdornmentColor" />
}
<div class="@InnerClassname">
@ChildContent
</div>
@if (Adornment == Adornment.End)
{
<InputAdornment Class="@AdornmentClassname" Icon="@AdornmentIcon" Size="@IconSize" Text="@AdornmentText" Edge="@Edge.End" AdornmentClick="@OnAdornmentClick" Color="@AdornmentColor" />
}
@if (Variant == Variant.Outlined)
{
<div class="mud-input-outlined-border"></div>
}
</div>
</InputContent>
</InputControl>