Skip to content

Commit 17f412f

Browse files
committed
chore(select): Update readme #5911
1 parent 32ef74b commit 17f412f

File tree

1 file changed

+23
-2
lines changed
  • projects/igniteui-angular/src/lib/select

1 file changed

+23
-2
lines changed

projects/igniteui-angular/src/lib/select/README.md

+23-2
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,6 @@ Sets Input Group style type. Choose from `line`, `box` or `border`.
132132
</igx-select>
133133
```
134134

135-
136135
### DisplayDensity
137136
**igx-select** supports setting of different display densities.
138137
Display density is received through Angular's DI engine or can be set through the `[displayDensity]` input. The possilbe display densities are `compact`, `cosy` and `comfortable` (default).
@@ -146,7 +145,6 @@ Setting `[displayDensity]` affects the control's items' and inputs' css properti
146145
</igx-select>
147146
```
148147

149-
150148
### Placeholder
151149
Sets the select placeholder, to be displayed if no selection/value is set.
152150
```html
@@ -157,6 +155,29 @@ Sets the select placeholder, to be displayed if no selection/value is set.
157155
</igx-select>
158156
```
159157

158+
### Templates
159+
Templates for different parts of the control can be defined, including header and footer, toggle icon, etc.
160+
161+
#### Defining header template:
162+
163+
```html
164+
<igx-select>
165+
<ng-template igxSelectHeader>
166+
<div class="custom-header-class">Custom Header</div>
167+
</ng-template>
168+
</igx-select>
169+
```
170+
171+
#### Defining footer template:
172+
173+
```html
174+
<igx-select>
175+
<ng-template igxSelectFooter>
176+
<div class="custom-footer-class">Custom Footer</div>
177+
</ng-template>
178+
</igx-select>
179+
```
180+
160181
#### Defining toggle icon template:
161182
```ts
162183
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;

0 commit comments

Comments
 (0)