Skip to content

Commit f24b60c

Browse files
committed
Slightly improved select examples
1 parent e002e04 commit f24b60c

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

demo/app/pages/select/select.page.ts

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@ export class SelectExampleMultiple {
147147
@Component({
148148
selector: 'select-example-multiple-search',
149149
template: `
150-
<sui-select class="fluid" [(ngModel)]="selectedOptions" [options]="options" [isSearchable]="true" [allowMultiple]="true" [maxSelected]="5" #searchSelect>
150+
<sui-select class="fluid" [(ngModel)]="selectedOptions" [options]="options" [isSearchable]="true" [allowMultiple]="true" [maxSelected]="5" placeholder="Select..." #searchSelect>
151151
<sui-select-option *ngFor="let option of searchSelect.availableOptions" [value]="option"></sui-select-option>
152152
</sui-select>
153153
<div class="ui segment">
@@ -169,11 +169,16 @@ export class SelectExampleMultipleSearch {
169169
<div class="ui form">
170170
<div class="field">
171171
<sui-select [(ngModel)]="selectedOption" [options]="options" optionsField="name" [optionTemplate]="optionTemplate" [isSearchable]="true" #select>
172+
<div class="header">
173+
<i class="users icon"></i>
174+
You can also have custom markup inside the menu!
175+
</div>
176+
<div class="divider"></div>
172177
<sui-select-option *ngFor="let option of select.availableOptions" [value]="option"></sui-select-option>
173178
</sui-select>
174179
</div>
175180
<div class="field">
176-
<sui-select class="fluid" [(ngModel)]="selectedOptions" [options]="options" optionsField="name" [optionTemplate]="optionTemplate" [allowMultiple]="true" #multiSelect>
181+
<sui-select class="fluid" [(ngModel)]="selectedOptions" [options]="options" optionsField="name" [optionTemplate]="optionTemplate" [allowMultiple]="true" placeholder="Select..." #multiSelect>
177182
<sui-select-option *ngFor="let option of multiSelect.availableOptions" [value]="option"></sui-select-option>
178183
</sui-select>
179184
</div>

0 commit comments

Comments
 (0)