Skip to content

Commit 5ea7fb3

Browse files
author
MPopov
committed
docs(fluent-theme): Update the changelog
1 parent 4dc4821 commit 5ea7fb3

File tree

1 file changed

+23
-22
lines changed

1 file changed

+23
-22
lines changed

CHANGELOG.md

Lines changed: 23 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,29 @@ All notable changes for each version of this project will be documented in this
44

55
## 8.2.0
66

7+
#### New theme
8+
Ignite UI for angular now have a new theme that mimics Microsoft "Fluent" design system.
9+
In order to use the theme you have to use one of the following mixins:
10+
`igx-fluent-theme` and `igx-fluent-dark-theme`
11+
12+
We also added two new pallets that can go with the new theme, `$fluent-word-palette` and `$fluent-excel-palette`. Of Course, you can always create your own palettes and use them with the theme.
13+
14+
This is an example of how you can use the new theme.
15+
16+
```scss
17+
// Light version
18+
.fluent-word-theme {
19+
@include igx-fluent-theme($fluent-word-palette);
20+
}
21+
22+
// Dark version
23+
.fluent-excel-dark-theme {
24+
@include igx-fluent-dark-theme($fluent-excel-palette);
25+
}
26+
```
27+
28+
For more info about the theming please read our [documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/index.html)
29+
730
### New Features
831
- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
932
- `uniqueColumnValuesStrategy` input is added. This property provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering (instead of using the unique values from the data that is bound to the grid).
@@ -102,28 +125,6 @@ All notable changes for each version of this project will be documented in this
102125
## 8.1.0
103126

104127
### New Features
105-
106-
##### New theme
107-
Ignite UI for angular now have a new theme that mimics the Microsoft Fluent design as much as possible.
108-
In order to use the theme you have to use one of the following mixins:
109-
`igx-fluent-theme` and `igx-fluent-dark-theme`
110-
111-
We also added two new pallets that go with the new theme, `$fluent-word-palette` and `$fluent-excel-palette`.
112-
113-
This is an example of how you can use the new theme.
114-
115-
```scss
116-
// Light version
117-
.fluent-word-theme {
118-
@include igx-fluent-theme($fluent-word-palette);
119-
}
120-
121-
// Dark version
122-
.fluent-excel-dark-theme {
123-
@include igx-fluent-dark-theme($fluent-excel-palette);
124-
}
125-
```
126-
127128
- `IgxBottomNav` now supports an `igx-tab` declaration mode. When in this mode, panels declarations are not accepted and tab items' content is not rendered.
128129
- You can use this mode to apply directives on the tab items - for example to achieve routing navigation.
129130
- You are allowed to customize tab items with labels, icons and even templates.

0 commit comments

Comments
 (0)