Skip to content

Commit 7a41254

Browse files
stnikolovastnikolova
committed
docs: include icons in font-icons demos
1 parent 2539433 commit 7a41254

File tree

10 files changed

+446
-436
lines changed

10 files changed

+446
-436
lines changed

‎docs/styling/examples/icons/actions/main.html‎

Lines changed: 73 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"/>
88
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-theme-default@latest/dist/all.css" />
9+
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />
910

1011
<style>
1112
.WebComponentsIcons {
@@ -82,78 +83,78 @@
8283

8384
<body>
8485
<ul class="WebComponentsIcons">
85-
<li><span class="k-icon k-i-undo"></span> .k-i-undo</li>
86-
<li><span class="k-icon k-i-redo"></span> .k-i-redo</li>
87-
<li><span class="k-icon k-i-reset"></span> .k-i-reset</li>
88-
<li><span class="k-icon k-i-reload"></span> .k-i-reload<br /> .k-i-refresh</li>
89-
<li><span class="k-icon k-i-non-recurrence"></span> .k-i-non-recurrence</li>
90-
<li><span class="k-icon k-i-reset-sm"></span> .k-i-reset-sm</li>
91-
<li><span class="k-icon k-i-reload-sm"></span> .k-i-reload-sm<br /> .k-i-refresh-sm</li>
92-
<li><span class="k-icon k-i-clock"></span> .k-i-clock</li>
93-
<li><span class="k-icon k-i-calendar"></span> .k-i-calendar</li>
94-
<li><span class="k-icon k-i-save"></span> .k-i-save<br /> .k-i-floppy</li>
95-
<li><span class="k-icon k-i-print"></span> .k-i-print<br /> .k-i-printer</li>
96-
<li><span class="k-icon k-i-edit"></span> .k-i-edit<br /> .k-i-pencil</li>
97-
<li><span class="k-icon k-i-delete"></span> .k-i-delete<br /> .k-i-trash</li>
98-
<li><span class="k-icon k-i-attachment"></span> .k-i-attachment<br /> .k-i-clip</li>
99-
<li><span class="k-icon k-i-attachment-45"></span> .k-i-attachment-45<br /> .k-i-clip-45</li>
100-
<li><span class="k-icon k-i-link-horizontal"></span> .k-i-link-horizontal<br /> .k-i-hyperlink</li>
101-
<li><span class="k-icon k-i-unlink-horizontal"></span> .k-i-unlink-horizontal<br /> .k-i-hyperlink-remove</li>
102-
<li><span class="k-icon k-i-link-vertical"></span> .k-i-link-vertical</li>
103-
<li><span class="k-icon k-i-unlink-vertical"></span> .k-i-unlink-vertical</li>
104-
<li><span class="k-icon k-i-lock"></span> .k-i-lock</li>
105-
<li><span class="k-icon k-i-unlock"></span> .k-i-unlock</li>
106-
<li><span class="k-icon k-i-cancel"></span> .k-i-cancel</li>
107-
<li><span class="k-icon k-i-cancel-outline"></span> .k-i-cancel-outline</li>
108-
<li><span class="k-icon k-i-cancel-circle"></span> .k-i-cancel-circle</li>
109-
<li><span class="k-icon k-i-check"></span> .k-i-check<br /> .k-i-checkmark</li>
110-
<li><span class="k-icon k-i-check-outline"></span> .k-i-check-outline<br /> .k-i-checkmark-outline</li>
111-
<li><span class="k-icon k-i-check-circle"></span> .k-i-check-circle<br /> .k-i-checkmark-circle</li>
112-
<li><span class="k-icon k-i-close"></span> .k-i-close<br /> .k-i-x</li>
113-
<li><span class="k-icon k-i-close-outline"></span> .k-i-close-outline<br /> .k-i-x-outline</li>
114-
<li><span class="k-icon k-i-close-circle"></span> .k-i-close-circle<br /> .k-i-x-circle</li>
115-
<li><span class="k-icon k-i-plus"></span> .k-i-plus</li>
116-
<li><span class="k-icon k-i-plus-outline"></span> .k-i-plus-outline</li>
117-
<li><span class="k-icon k-i-plus-circle"></span> .k-i-plus-circle</li>
118-
<li><span class="k-icon k-i-minus"></span> .k-i-minus</li>
119-
<li><span class="k-icon k-i-minus-outline"></span> .k-i-minus-outline</li>
120-
<li><span class="k-icon k-i-minus-circle"></span> .k-i-minus-circle</li>
121-
<li><span class="k-icon k-i-sort-asc"></span> .k-i-sort-asc</li>
122-
<li><span class="k-icon k-i-sort-desc"></span> .k-i-sort-desc</li>
123-
<li><span class="k-icon k-i-unsort"></span> .k-i-unsort</li>
124-
<li><span class="k-icon k-i-sort-clear"></span> .k-i-sort-clear</li>
125-
<li><span class="k-icon k-i-sort-asc-sm"></span> .k-i-sort-asc-sm</li>
126-
<li><span class="k-icon k-i-sort-desc-sm"></span> .k-i-sort-desc-sm</li>
127-
<li><span class="k-icon k-i-filter"></span> .k-i-filter</li>
128-
<li><span class="k-icon k-i-filter-clear"></span> .k-i-filter-clear</li>
129-
<li><span class="k-icon k-i-filter-sm"></span> .k-i-filter-sm</li>
130-
<li><span class="k-icon k-i-filter-sort-asc-sm"></span> .k-i-filter-sort-asc-sm</li>
131-
<li><span class="k-icon k-i-filter-sort-desc-sm"></span> .k-i-filter-sort-desc-sm</li>
132-
<li><span class="k-icon k-i-filter-add-expression"></span> .k-i-filter-add-expression</li>
133-
<li><span class="k-icon k-i-filter-add-group"></span> .k-i-filter-add-group</li>
134-
<li><span class="k-icon k-i-login"></span> .k-i-login</li>
135-
<li><span class="k-icon k-i-logout"></span> .k-i-logout</li>
136-
<li><span class="k-icon k-i-download"></span> .k-i-download</li>
137-
<li><span class="k-icon k-i-upload"></span> .k-i-upload</li>
138-
<li><span class="k-icon k-i-hyperlink-open"></span> .k-i-hyperlink-open</li>
139-
<li><span class="k-icon k-i-hyperlink-open-sm"></span> .k-i-hyperlink-open-sm</li>
140-
<li><span class="k-icon k-i-launch"></span> .k-i-launch</li>
141-
<li><span class="k-icon k-i-window"></span> .k-i-window<br /> .k-i-window-maximize</li>
142-
<li><span class="k-icon k-i-windows"></span> .k-i-windows<br /> .k-i-window-restore<br /> .k-i-tiles</li>
143-
<li><span class="k-icon k-i-window-minimize"></span> .k-i-window-minimize</li>
144-
<li><span class="k-icon k-i-gear"></span> .k-i-gear<br /> .k-i-cog<br /> .k-i-custom</li>
145-
<li><span class="k-icon k-i-gears"></span> .k-i-gears<br /> .k-i-cogs</li>
146-
<li><span class="k-icon k-i-wrench"></span> .k-i-wrench<br /> .k-i-settings</li>
147-
<li><span class="k-icon k-i-preview"></span> .k-i-preview<br /> .k-i-eye</li>
148-
<li><span class="k-icon k-i-zoom"></span> .k-i-zoom<br /> .k-i-search</li>
149-
<li><span class="k-icon k-i-zoom-in"></span> .k-i-zoom-in</li>
150-
<li><span class="k-icon k-i-zoom-out"></span> .k-i-zoom-out</li>
151-
<li><span class="k-icon k-i-pan"></span> .k-i-pan<br /> .k-i-move</li>
152-
<li><span class="k-icon k-i-calculator"></span> .k-i-calculator</li>
153-
<li><span class="k-icon k-i-cart"></span> .k-i-cart<br /> .k-i-shopping-cart</li>
154-
<li><span class="k-icon k-i-connector"></span> .k-i-connector</li>
155-
<li><span class="k-icon k-i-plus-sm"></span> .k-i-plus-sm</li>
156-
<li><span class="k-icon k-i-minus-sm"></span> .k-i-minus-sm</li>
86+
<li><span class="k-icon k-font-icon k-i-undo"></span> .k-i-undo</li>
87+
<li><span class="k-icon k-font-icon k-i-redo"></span> .k-i-redo</li>
88+
<li><span class="k-icon k-font-icon k-i-reset"></span> .k-i-reset</li>
89+
<li><span class="k-icon k-font-icon k-i-reload"></span> .k-i-reload<br /> .k-i-refresh</li>
90+
<li><span class="k-icon k-font-icon k-i-non-recurrence"></span> .k-i-non-recurrence</li>
91+
<li><span class="k-icon k-font-icon k-i-reset-sm"></span> .k-i-reset-sm</li>
92+
<li><span class="k-icon k-font-icon k-i-reload-sm"></span> .k-i-reload-sm<br /> .k-i-refresh-sm</li>
93+
<li><span class="k-icon k-font-icon k-i-clock"></span> .k-i-clock</li>
94+
<li><span class="k-icon k-font-icon k-i-calendar"></span> .k-i-calendar</li>
95+
<li><span class="k-icon k-font-icon k-i-save"></span> .k-i-save<br /> .k-i-floppy</li>
96+
<li><span class="k-icon k-font-icon k-i-print"></span> .k-i-print<br /> .k-i-printer</li>
97+
<li><span class="k-icon k-font-icon k-i-edit"></span> .k-i-edit<br /> .k-i-pencil</li>
98+
<li><span class="k-icon k-font-icon k-i-delete"></span> .k-i-delete<br /> .k-i-trash</li>
99+
<li><span class="k-icon k-font-icon k-i-attachment"></span> .k-i-attachment<br /> .k-i-clip</li>
100+
<li><span class="k-icon k-font-icon k-i-attachment-45"></span> .k-i-attachment-45<br /> .k-i-clip-45</li>
101+
<li><span class="k-icon k-font-icon k-i-link-horizontal"></span> .k-i-link-horizontal<br /> .k-i-hyperlink</li>
102+
<li><span class="k-icon k-font-icon k-i-unlink-horizontal"></span> .k-i-unlink-horizontal<br /> .k-i-hyperlink-remove</li>
103+
<li><span class="k-icon k-font-icon k-i-link-vertical"></span> .k-i-link-vertical</li>
104+
<li><span class="k-icon k-font-icon k-i-unlink-vertical"></span> .k-i-unlink-vertical</li>
105+
<li><span class="k-icon k-font-icon k-i-lock"></span> .k-i-lock</li>
106+
<li><span class="k-icon k-font-icon k-i-unlock"></span> .k-i-unlock</li>
107+
<li><span class="k-icon k-font-icon k-i-cancel"></span> .k-i-cancel</li>
108+
<li><span class="k-icon k-font-icon k-i-cancel-outline"></span> .k-i-cancel-outline</li>
109+
<li><span class="k-icon k-font-icon k-i-cancel-circle"></span> .k-i-cancel-circle</li>
110+
<li><span class="k-icon k-font-icon k-i-check"></span> .k-i-check<br /> .k-i-checkmark</li>
111+
<li><span class="k-icon k-font-icon k-i-check-outline"></span> .k-i-check-outline<br /> .k-i-checkmark-outline</li>
112+
<li><span class="k-icon k-font-icon k-i-check-circle"></span> .k-i-check-circle<br /> .k-i-checkmark-circle</li>
113+
<li><span class="k-icon k-font-icon k-i-close"></span> .k-i-close<br /> .k-i-x</li>
114+
<li><span class="k-icon k-font-icon k-i-close-outline"></span> .k-i-close-outline<br /> .k-i-x-outline</li>
115+
<li><span class="k-icon k-font-icon k-i-close-circle"></span> .k-i-close-circle<br /> .k-i-x-circle</li>
116+
<li><span class="k-icon k-font-icon k-i-plus"></span> .k-i-plus</li>
117+
<li><span class="k-icon k-font-icon k-i-plus-outline"></span> .k-i-plus-outline</li>
118+
<li><span class="k-icon k-font-icon k-i-plus-circle"></span> .k-i-plus-circle</li>
119+
<li><span class="k-icon k-font-icon k-i-minus"></span> .k-i-minus</li>
120+
<li><span class="k-icon k-font-icon k-i-minus-outline"></span> .k-i-minus-outline</li>
121+
<li><span class="k-icon k-font-icon k-i-minus-circle"></span> .k-i-minus-circle</li>
122+
<li><span class="k-icon k-font-icon k-i-sort-asc"></span> .k-i-sort-asc</li>
123+
<li><span class="k-icon k-font-icon k-i-sort-desc"></span> .k-i-sort-desc</li>
124+
<li><span class="k-icon k-font-icon k-i-unsort"></span> .k-i-unsort</li>
125+
<li><span class="k-icon k-font-icon k-i-sort-clear"></span> .k-i-sort-clear</li>
126+
<li><span class="k-icon k-font-icon k-i-sort-asc-sm"></span> .k-i-sort-asc-sm</li>
127+
<li><span class="k-icon k-font-icon k-i-sort-desc-sm"></span> .k-i-sort-desc-sm</li>
128+
<li><span class="k-icon k-font-icon k-i-filter"></span> .k-i-filter</li>
129+
<li><span class="k-icon k-font-icon k-i-filter-clear"></span> .k-i-filter-clear</li>
130+
<li><span class="k-icon k-font-icon k-i-filter-sm"></span> .k-i-filter-sm</li>
131+
<li><span class="k-icon k-font-icon k-i-filter-sort-asc-sm"></span> .k-i-filter-sort-asc-sm</li>
132+
<li><span class="k-icon k-font-icon k-i-filter-sort-desc-sm"></span> .k-i-filter-sort-desc-sm</li>
133+
<li><span class="k-icon k-font-icon k-i-filter-add-expression"></span> .k-i-filter-add-expression</li>
134+
<li><span class="k-icon k-font-icon k-i-filter-add-group"></span> .k-i-filter-add-group</li>
135+
<li><span class="k-icon k-font-icon k-i-login"></span> .k-i-login</li>
136+
<li><span class="k-icon k-font-icon k-i-logout"></span> .k-i-logout</li>
137+
<li><span class="k-icon k-font-icon k-i-download"></span> .k-i-download</li>
138+
<li><span class="k-icon k-font-icon k-i-upload"></span> .k-i-upload</li>
139+
<li><span class="k-icon k-font-icon k-i-hyperlink-open"></span> .k-i-hyperlink-open</li>
140+
<li><span class="k-icon k-font-icon k-i-hyperlink-open-sm"></span> .k-i-hyperlink-open-sm</li>
141+
<li><span class="k-icon k-font-icon k-i-launch"></span> .k-i-launch</li>
142+
<li><span class="k-icon k-font-icon k-i-window"></span> .k-i-window<br /> .k-i-window-maximize</li>
143+
<li><span class="k-icon k-font-icon k-i-windows"></span> .k-i-windows<br /> .k-i-window-restore<br /> .k-i-tiles</li>
144+
<li><span class="k-icon k-font-icon k-i-window-minimize"></span> .k-i-window-minimize</li>
145+
<li><span class="k-icon k-font-icon k-i-gear"></span> .k-i-gear<br /> .k-i-cog<br /> .k-i-custom</li>
146+
<li><span class="k-icon k-font-icon k-i-gears"></span> .k-i-gears<br /> .k-i-cogs</li>
147+
<li><span class="k-icon k-font-icon k-i-wrench"></span> .k-i-wrench<br /> .k-i-settings</li>
148+
<li><span class="k-icon k-font-icon k-i-preview"></span> .k-i-preview<br /> .k-i-eye</li>
149+
<li><span class="k-icon k-font-icon k-i-zoom"></span> .k-i-zoom<br /> .k-i-search</li>
150+
<li><span class="k-icon k-font-icon k-i-zoom-in"></span> .k-i-zoom-in</li>
151+
<li><span class="k-icon k-font-icon k-i-zoom-out"></span> .k-i-zoom-out</li>
152+
<li><span class="k-icon k-font-icon k-i-pan"></span> .k-i-pan<br /> .k-i-move</li>
153+
<li><span class="k-icon k-font-icon k-i-calculator"></span> .k-i-calculator</li>
154+
<li><span class="k-icon k-font-icon k-i-cart"></span> .k-i-cart<br /> .k-i-shopping-cart</li>
155+
<li><span class="k-icon k-font-icon k-i-connector"></span> .k-i-connector</li>
156+
<li><span class="k-icon k-font-icon k-i-plus-sm"></span> .k-i-plus-sm</li>
157+
<li><span class="k-icon k-font-icon k-i-minus-sm"></span> .k-i-minus-sm</li>
157158
</ul>
158159
</body>
159160

‎docs/styling/examples/icons/alerts-n-notifications/main.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"/>
88
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-theme-default@latest/dist/all.css" />
9+
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />
910

1011
<style>
1112
.WebComponentsIcons {
@@ -82,10 +83,10 @@
8283

8384
<body>
8485
<ul class="WebComponentsIcons">
85-
<li><span class="k-icon k-i-notification"></span> .k-i-notification<br /> .k-i-bell</li>
86-
<li><span class="k-icon k-i-information"></span> .k-i-information<br /> .k-i-info</li>
87-
<li><span class="k-icon k-i-question"></span> .k-i-question<br /> .k-i-help</li>
88-
<li><span class="k-icon k-i-warning"></span> .k-i-warning<br /> .k-i-exception<br /> .k-i-error</li>
86+
<li><span class="k-icon k-font-icon k-i-notification"></span> .k-i-notification<br /> .k-i-bell</li>
87+
<li><span class="k-icon k-font-icon k-i-information"></span> .k-i-information<br /> .k-i-info</li>
88+
<li><span class="k-icon k-font-icon k-i-question"></span> .k-i-question<br /> .k-i-help</li>
89+
<li><span class="k-icon k-font-icon k-i-warning"></span> .k-i-warning<br /> .k-i-exception<br /> .k-i-error</li>
8990
</ul>
9091
</body>
9192

0 commit comments

Comments
 (0)