Skip to content

Commit 602a23a

Browse files
authored
Checkboxlist component updates (#80)
* feat: Add CheckboxListInput component and related documentation - Implemented CheckboxListInput component for rendering a list of checkboxes with Bulma styling. - Added CheckboxListInputItem model to represent individual checkbox items. - Introduced CheckboxListInputSize enum for size variations. - Created multiple demo pages showcasing CheckboxListInput features including data binding, sizes, disabled states, and event handling. - Updated existing layouts to include links to the new CheckboxListInput documentation. - Added validation support for CheckboxListInput within Blazor forms. * feat: Add orientation support to CheckboxListInput component and update documentation * feat: Update button components in CheckboxListInput demos for consistency
1 parent 0468834 commit 602a23a

2 files changed

Lines changed: 7 additions & 3 deletions

File tree

BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Form/CheckboxListInput/CheckboxListInput_Demo_07_Validations.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<ValidationMessage For="@(() => subscription.DeliveryDays)" />
2828
</div>
2929

30-
<Button Class="mt-3" Color="ButtonColor.Primary" Type="ButtonType.Submit">
30+
<Button Class="mt-3" Color="ButtonColor.Primary" Type="ButtonType.Submit" Size="ButtonSize.Small">
3131
Submit
3232
</Button>
3333
</EditForm>

BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Form/CheckboxListInput/CheckboxListInput_Demo_08_Methods_SelectAll_Clear.razor

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
<div class="buttons">
2-
<button class="button is-link is-small" type="button" @onclick="SelectAllAsync">Select all</button>
3-
<button class="button is-light is-small" type="button" @onclick="ClearAsync">Clear</button>
2+
<Button Class="mt-3" Color="ButtonColor.Link" Type="ButtonType.Submit" Size="ButtonSize.Small" @onclick="SelectAllAsync">
3+
Select all
4+
</Button>
5+
<Button Class="mt-3" Color="ButtonColor.Light" Type="ButtonType.Submit" Size="ButtonSize.Small" @onclick="ClearAsync">
6+
Clear
7+
</Button>
48
</div>
59

610
<CheckboxListInput @ref="checkboxListInputRef"

0 commit comments

Comments
 (0)