]>
Commit | Line | Data |
---|---|---|
96a4a7c3 RK |
1 | <div class="root flex-column"> |
2 | <div class="d-flex"> | |
4c8749cb | 3 | <label> |
96a4a7c3 RK |
4 | <input |
5 | type="checkbox" | |
6 | [(ngModel)]="checked" | |
7 | (ngModelChange)="onModelChange()" | |
8 | [id]="inputName" | |
9 | [disabled]="disabled" | |
10 | /> | |
1916c966 | 11 | <span role="checkbox" [attr.aria-checked]="checked" [attr.aria-label]="labelText || labelInnerHTML"></span> |
96a4a7c3 RK |
12 | <span *ngIf="labelText">{{ labelText }}</span> |
13 | <span | |
14 | *ngIf="!labelText && labelInnerHTML" | |
15 | [innerHTML]="labelInnerHTML" | |
16 | ></span> | |
421d935d | 17 | |
96a4a7c3 RK |
18 | <span *ngIf="labelTemplate"> |
19 | <ng-container *ngTemplateOutlet="labelTemplate"></ng-container> | |
20 | </span> | |
21 | </label> | |
22 | ||
23 | <my-help | |
24 | *ngIf="helpTemplate" | |
25 | [tooltipPlacement]="helpPlacement" | |
26 | helpType="custom" | |
27 | > | |
28 | <ng-template ptTemplate="customHtml"> | |
29 | <ng-template *ngTemplateOutlet="helpTemplate"></ng-template> | |
30 | </ng-template> | |
31 | </my-help> | |
5411da31 RK |
32 | |
33 | <div *ngIf="recommended" class="recommended" i18n>Recommended</div> | |
96a4a7c3 | 34 | </div> |
0f7fedc3 | 35 | |
4c8749cb | 36 | <div class="ms-4 d-flex flex-column"> |
5b0ec7cd | 37 | <div class="wrapper form-group-description"> |
96a4a7c3 | 38 | <ng-content select="description"></ng-content> |
5b0ec7cd | 39 | </div> |
96a4a7c3 RK |
40 | |
41 | <span class="wrapper mt-3"> | |
42 | <ng-content select="extra"></ng-content> | |
43 | </span> | |
44 | </div> | |
14e2014a | 45 | </div> |