Add carousel navigation and the mixed checkbox state, without script
These were left out because daisyUI does them with scripts or with links that <base href="/"> breaks. DCarousel: - ShowNavigation adds previous/next links on each slide, and ShowIndicators adds a row of numbered links under the strip. - The links point at the slides' ids under the current path, so Blazor treats them as same-page fragments and scrolls the strip. DCheckbox: - Indeterminate renders aria-checked="mixed", which daisyUI draws like :indeterminate. - A click clears it through IndeterminateChanged. - The neo inset well leaves the mixed state alone. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
1 parent
96d1db1008
commit
d71040f262
5 files changed
+103
-11
No files matched your search
@@ -1,7 +1,8 @@
|
||||
@inherits DInputBase<bool>
|
||||
|
||||
@* daisyUI Checkbox: https://daisyui.com/components/checkbox/ . With LabelText the checkbox sits in a <label class="label">
|
||||
followed by the text, as in daisyUI's fieldset examples. *@
|
||||
followed by the text, as in daisyUI's fieldset examples. Indeterminate renders aria-checked="mixed", which daisyUI
|
||||
draws like the :indeterminate state that only script could set. *@
|
||||
@if (LabelText is null)
|
||||
{
|
||||
@Checkbox
|
||||
@@ -18,11 +19,15 @@ else
|
||||
[Parameter] public DColor Color { get; set; }
|
||||
[Parameter] public DSize Size { get; set; }
|
||||
[Parameter] public string LabelText { get; set; }
|
||||
/// <summary>The mixed state; a click clears it and reports false through IndeterminateChanged.</summary>
|
||||
[Parameter] public bool Indeterminate { get; set; }
|
||||
[Parameter] public EventCallback<bool> IndeterminateChanged { get; set; }
|
||||
|
||||
string CssClassFull => Cx("checkbox", IsInvalid ? "checkbox-error" : ColorClass, SizeClass, CssClass);
|
||||
|
||||
RenderFragment Checkbox => @<input @attributes="InputAttributes" type="checkbox" class="@CssClassFull" name="@NameAttributeValue"
|
||||
checked="@CurrentValue" @onchange="OnChange" aria-invalid="@(IsInvalid ? "true" : null)" />;
|
||||
RenderFragment Checkbox => @<input @attributes="InputAttributes" type="checkbox" class="@CssClassFull" name="@NameAttribute"
|
||||
checked="@CurrentValue" @onchange="OnChange" aria-checked="@(Indeterminate ? "mixed" : null)"
|
||||
aria-invalid="@(IsInvalid ? "true" : null)" />;
|
||||
|
||||
string ColorClass => Color switch
|
||||
{
|
||||
@@ -46,5 +51,13 @@ else
|
||||
_ => null
|
||||
};
|
||||
|
||||
void OnChange(ChangeEventArgs e) => CurrentValue = e.Value is true;
|
||||
async Task OnChange(ChangeEventArgs e)
|
||||
{
|
||||
CurrentValue = e.Value is true;
|
||||
if (Indeterminate)
|
||||
{
|
||||
Indeterminate = false;
|
||||
await IndeterminateChanged.InvokeAsync(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user