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.
76 lines
1.5 KiB
76 lines
1.5 KiB
<div class="formContainer"> |
|
<div class="formTextContainer"> |
|
<div class="formLabel"> |
|
@Label: |
|
</div> |
|
<input readonly="@ReadOnly" |
|
class="formCheckboxInput" |
|
type="checkbox" |
|
id="@labelId" |
|
checked="@Value" |
|
@onchange="OnChange" |
|
@oninput="OnChange"/> |
|
</div> |
|
@if (Info != "") |
|
{ |
|
<div class="formInfo"> |
|
@Info |
|
</div> |
|
} |
|
</div> |
|
<style> |
|
.formContainer { |
|
display: flex; |
|
flex-direction: column; |
|
gap: 6px; |
|
width: 100%; |
|
} |
|
|
|
.formTextContainer { |
|
display: flex; |
|
flex-direction: row; |
|
gap: 8px; |
|
align-items: center; |
|
} |
|
|
|
.formLabel { |
|
font-weight: 800; |
|
} |
|
|
|
.formInfo { |
|
font-size: 0.8rem; |
|
font-style: italic; |
|
} |
|
|
|
.formCheckboxInput { |
|
background-color: var(--primary); |
|
color: var(--primary); |
|
border: 2px solid var(--primary-border); |
|
} |
|
</style> |
|
|
|
@code { |
|
|
|
[Parameter] |
|
public string Label { get; set; } = ""; |
|
|
|
[Parameter] |
|
public string Info { get; set; } = ""; |
|
|
|
[Parameter] |
|
public EventCallback<ChangeEventArgs> OnChange { get; set; } |
|
|
|
[Parameter] |
|
public bool ReadOnly { get; set; } |
|
|
|
[Parameter] |
|
public bool Value { get; set; } |
|
|
|
private string labelId = ""; |
|
|
|
protected override void OnInitialized() |
|
{ |
|
labelId = Label.ToLower().Replace(" ", "_"); |
|
} |
|
|
|
} |