mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
* accessibility issues fixes Various localizable accessibility related properties added tests updated side dialog close button id fixed more accessibility improvements tests fixed more accessibility fixes missing ARIA attributes added * Add rz-hidden-accessible styles * Update RadzenRating styles * RadzenSwitch fixed * RadzenFabMenu fixed * tests updated * Update expand/collapse button styles in RadzenDataGrid * Fix responsive pager styles --------- Co-authored-by: yordanov <vasil@yordanov.info>
49 lines
2.0 KiB
Plaintext
49 lines
2.0 KiB
Plaintext
@inherits RadzenButton
|
|
|
|
@if (Visible)
|
|
{
|
|
<button @ref="@Element" style="@Style" disabled="@IsDisabled"
|
|
type="@((Enum.GetName(typeof(ButtonType), ButtonType) ?? ButtonType.ToString()).ToLower())"
|
|
@attributes="Attributes" class="@GetCssClass()" id="@GetId()"
|
|
@onclick="@OnClick" tabindex="@(Disabled ? "-1" : $"{TabIndex}")"
|
|
aria-label="@AriaLabel" aria-pressed="@(Value.ToString().ToLowerInvariant())"
|
|
aria-expanded="@AriaExpanded" aria-controls="@AriaControls" aria-haspopup="@AriaHasPopup">
|
|
@if (!string.IsNullOrEmpty(Name))
|
|
{
|
|
<input type="hidden" name="@Name" id="@Name" value="@(Value.ToString().ToLowerInvariant())" @attributes=@InputAttributes />
|
|
}
|
|
<span class="rz-button-box">
|
|
@if (ChildContent != null)
|
|
{
|
|
@ChildContent
|
|
}
|
|
else
|
|
{
|
|
@if (IsBusy)
|
|
{
|
|
<RadzenIcon Icon="refresh" Style="animation: rotation 700ms linear infinite" />
|
|
@if (!string.IsNullOrEmpty(BusyText))
|
|
{
|
|
<span class="rz-button-text">@BusyText</span>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
@if (!string.IsNullOrEmpty(GetIcon()))
|
|
{
|
|
<i class="notranslate rz-button-icon-left rzi" style="@(!string.IsNullOrEmpty(IconColor) ? $"color:{IconColor}" : null)">@GetIcon()</i>
|
|
}
|
|
@if (!string.IsNullOrEmpty(Image))
|
|
{
|
|
<img class="notranslate rz-button-icon-left rzi" src="@Image" alt="@ImageAlternateText" />
|
|
}
|
|
@if (!string.IsNullOrEmpty(Text))
|
|
{
|
|
<span class="rz-button-text">@Text</span>
|
|
}
|
|
}
|
|
}
|
|
</span>
|
|
</button>
|
|
}
|