Files
clients/libs/components/src/select/select.component.html
Bryan Cunningham c215fac818 [CL-703] Use logical css properties in CL components (#14951)
* update usage of margin-right with margin-inline-end

* update usage of margin-left with margin-inline-start

* update usage of paddiing-right with padding-inline-end

* update usage of paddiing-left with padding-inline-start

* update usage of radius to use logical properties
2025-06-02 12:05:30 -04:00

26 lines
674 B
HTML

<ng-select
[(ngModel)]="selectedOption"
(ngModelChange)="onChange($event)"
[disabled]="disabled"
[placeholder]="placeholder"
[items]="items"
(blur)="onBlur()"
[labelForId]="labelForId"
[clearable]="false"
(close)="onClose()"
appendTo="body"
>
<ng-template ng-option-tmp let-item="item">
<div class="tw-flex" [title]="item.label">
<div class="tw-me-2 tw-flex-initial">
@if (item.icon != null) {
<i class="bwi bwi-fw {{ item.icon }}" aria-hidden="true"></i>
}
</div>
<div class="tw-flex-1 tw-text-ellipsis tw-overflow-hidden">
{{ item.label }}
</div>
</div>
</ng-template>
</ng-select>