fix: disabled checbox and radio rendering

italia · Feb 13, 2025 · 5ca31a7 · 5ca31a7
1 parent 5ea7695
commit 5ca31a7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/projects/design-angular-kit/src/lib/components/form/checkbox/checkbox.component.html b/projects/design-angular-kit/src/lib/components/form/checkbox/checkbox.component.html
@@ -17,7 +17,6 @@
       <input
         [id]="id"
         type="checkbox"
-        class="form-check-input"
         [class.is-invalid]="isInvalid"
         [class.is-valid]="isValid"
         [class.semi-checked]="indeterminate"

diff --git a/projects/design-angular-kit/src/lib/components/form/radio-button/radio-button.component.html b/projects/design-angular-kit/src/lib/components/form/radio-button/radio-button.component.html
@@ -4,7 +4,6 @@
       [id]="id"
       type="radio"
       [value]="value"
-      class="form-check-input"
       [name]="name"
       [class.is-invalid]="isInvalid"
       [class.is-valid]="isValid"

diff --git a/src/app/checkbox/checkbox-example-group/checkbox-example-group.component.html b/src/app/checkbox/checkbox-example-group/checkbox-example-group.component.html
@@ -1,22 +1,24 @@
 <h3>Gruppi</h3>
-<div class="bd-example">
-  <div class="example-section">
-    <fieldset>
+
+<div>
+  <div class="row">
+    <fieldset class="col-5">
+      <legend>Gruppo di checkbox</legend>
+      <it-checkbox label="Checkbox selezionato" checked group="true"> </it-checkbox>
+      <it-checkbox label="Checkbox non selezionato" group="true"> </it-checkbox>
+      <it-checkbox label="Checkbox disabilitato non selezionato" disabled group="true"> </it-checkbox>
+    </fieldset>
+    <div class="col-2"></div>
+    <fieldset class="col-5">
       <legend>Gruppo di checkbox</legend>
-      <it-checkbox label="Prima checkbox raggruppata" group="true">
+      <it-checkbox label="Checkbox selezionato" checked group="true">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero
       </it-checkbox>
-      <it-checkbox label="Seconda checkbox raggruppata" group="true">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero. Lorem ipsum dolor sit amet, consectetur
-        adipiscing elit. Maecenas molestie liber
+      <it-checkbox label="Checkbox non selezionato" group="true">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero
       </it-checkbox>
-      <it-checkbox group="true">
-        <ng-container label>
-          Terza <a href="https://italia.github.io/bootstrap-italia/docs/form/checkbox/">checkbox</a> raggruppata</ng-container
-        >
-
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero. Lorem ipsum dolor sit amet, consectetur
-        adipiscing elit. Maecenas molestie libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero
+      <it-checkbox label="Checkbox disabilitato non selezionato" disabled group="true">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie libero
       </it-checkbox>
     </fieldset>
   </div>