leandro
e8d519af9d
All checks were successful
CI/CD Pipeline / Build and Deploy with Docker Compose (pull_request) Successful in 36m19s
close #78
39 lines
949 B
Plaintext
39 lines
949 B
Plaintext
|
|
<div class="toggle-container">
|
|
<label class="switch" title="Cambiar tema visual">
|
|
<input type="checkbox" class="switch" aria-label="Activar tema oscuro" @bind=ToggleState />
|
|
<span class="slider round"></span>
|
|
</label>
|
|
@if (!string.IsNullOrEmpty(Caption))
|
|
{
|
|
<span class="toggle-label">@Caption</span>
|
|
}
|
|
<span class="toggle-icon">
|
|
@ChildContent
|
|
</span>
|
|
</div>
|
|
@code {
|
|
[Parameter]
|
|
public RenderFragment? ChildContent { get; set; }
|
|
[Parameter]
|
|
public EventCallback<bool> ToggleStateChanged { get; set; }
|
|
[Parameter]
|
|
public string Caption { get; set; } = string.Empty;
|
|
|
|
private bool _value;
|
|
|
|
[Parameter]
|
|
public bool ToggleState
|
|
{
|
|
get { return _value; }
|
|
set
|
|
{
|
|
if (_value != value)
|
|
{
|
|
_value = value;
|
|
ToggleStateChanged.InvokeAsync(_value);
|
|
}
|
|
}
|
|
}
|
|
}
|