Skip to content

Commit

Permalink
docs: include icons in font-icons demos
Browse files Browse the repository at this point in the history
  • Loading branch information
@stnikolova
stnikolova committed Sep 26, 2023
1 parent 2539433 commit 7a41254
Show file tree
Hide file tree
Showing 10 changed files with 446 additions and 436 deletions.
145 changes: 73 additions & 72 deletions docs/styling/examples/icons/actions/main.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-theme-default@latest/dist/all.css" />
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />

<style>
.WebComponentsIcons {
Expand Down Expand Up @@ -82,78 +83,78 @@

<body>
<ul class="WebComponentsIcons">
<li><span class="k-icon k-i-undo"></span> .k-i-undo</li>
<li><span class="k-icon k-i-redo"></span> .k-i-redo</li>
<li><span class="k-icon k-i-reset"></span> .k-i-reset</li>
<li><span class="k-icon k-i-reload"></span> .k-i-reload<br /> .k-i-refresh</li>
<li><span class="k-icon k-i-non-recurrence"></span> .k-i-non-recurrence</li>
<li><span class="k-icon k-i-reset-sm"></span> .k-i-reset-sm</li>
<li><span class="k-icon k-i-reload-sm"></span> .k-i-reload-sm<br /> .k-i-refresh-sm</li>
<li><span class="k-icon k-i-clock"></span> .k-i-clock</li>
<li><span class="k-icon k-i-calendar"></span> .k-i-calendar</li>
<li><span class="k-icon k-i-save"></span> .k-i-save<br /> .k-i-floppy</li>
<li><span class="k-icon k-i-print"></span> .k-i-print<br /> .k-i-printer</li>
<li><span class="k-icon k-i-edit"></span> .k-i-edit<br /> .k-i-pencil</li>
<li><span class="k-icon k-i-delete"></span> .k-i-delete<br /> .k-i-trash</li>
<li><span class="k-icon k-i-attachment"></span> .k-i-attachment<br /> .k-i-clip</li>
<li><span class="k-icon k-i-attachment-45"></span> .k-i-attachment-45<br /> .k-i-clip-45</li>
<li><span class="k-icon k-i-link-horizontal"></span> .k-i-link-horizontal<br /> .k-i-hyperlink</li>
<li><span class="k-icon k-i-unlink-horizontal"></span> .k-i-unlink-horizontal<br /> .k-i-hyperlink-remove</li>
<li><span class="k-icon k-i-link-vertical"></span> .k-i-link-vertical</li>
<li><span class="k-icon k-i-unlink-vertical"></span> .k-i-unlink-vertical</li>
<li><span class="k-icon k-i-lock"></span> .k-i-lock</li>
<li><span class="k-icon k-i-unlock"></span> .k-i-unlock</li>
<li><span class="k-icon k-i-cancel"></span> .k-i-cancel</li>
<li><span class="k-icon k-i-cancel-outline"></span> .k-i-cancel-outline</li>
<li><span class="k-icon k-i-cancel-circle"></span> .k-i-cancel-circle</li>
<li><span class="k-icon k-i-check"></span> .k-i-check<br /> .k-i-checkmark</li>
<li><span class="k-icon k-i-check-outline"></span> .k-i-check-outline<br /> .k-i-checkmark-outline</li>
<li><span class="k-icon k-i-check-circle"></span> .k-i-check-circle<br /> .k-i-checkmark-circle</li>
<li><span class="k-icon k-i-close"></span> .k-i-close<br /> .k-i-x</li>
<li><span class="k-icon k-i-close-outline"></span> .k-i-close-outline<br /> .k-i-x-outline</li>
<li><span class="k-icon k-i-close-circle"></span> .k-i-close-circle<br /> .k-i-x-circle</li>
<li><span class="k-icon k-i-plus"></span> .k-i-plus</li>
<li><span class="k-icon k-i-plus-outline"></span> .k-i-plus-outline</li>
<li><span class="k-icon k-i-plus-circle"></span> .k-i-plus-circle</li>
<li><span class="k-icon k-i-minus"></span> .k-i-minus</li>
<li><span class="k-icon k-i-minus-outline"></span> .k-i-minus-outline</li>
<li><span class="k-icon k-i-minus-circle"></span> .k-i-minus-circle</li>
<li><span class="k-icon k-i-sort-asc"></span> .k-i-sort-asc</li>
<li><span class="k-icon k-i-sort-desc"></span> .k-i-sort-desc</li>
<li><span class="k-icon k-i-unsort"></span> .k-i-unsort</li>
<li><span class="k-icon k-i-sort-clear"></span> .k-i-sort-clear</li>
<li><span class="k-icon k-i-sort-asc-sm"></span> .k-i-sort-asc-sm</li>
<li><span class="k-icon k-i-sort-desc-sm"></span> .k-i-sort-desc-sm</li>
<li><span class="k-icon k-i-filter"></span> .k-i-filter</li>
<li><span class="k-icon k-i-filter-clear"></span> .k-i-filter-clear</li>
<li><span class="k-icon k-i-filter-sm"></span> .k-i-filter-sm</li>
<li><span class="k-icon k-i-filter-sort-asc-sm"></span> .k-i-filter-sort-asc-sm</li>
<li><span class="k-icon k-i-filter-sort-desc-sm"></span> .k-i-filter-sort-desc-sm</li>
<li><span class="k-icon k-i-filter-add-expression"></span> .k-i-filter-add-expression</li>
<li><span class="k-icon k-i-filter-add-group"></span> .k-i-filter-add-group</li>
<li><span class="k-icon k-i-login"></span> .k-i-login</li>
<li><span class="k-icon k-i-logout"></span> .k-i-logout</li>
<li><span class="k-icon k-i-download"></span> .k-i-download</li>
<li><span class="k-icon k-i-upload"></span> .k-i-upload</li>
<li><span class="k-icon k-i-hyperlink-open"></span> .k-i-hyperlink-open</li>
<li><span class="k-icon k-i-hyperlink-open-sm"></span> .k-i-hyperlink-open-sm</li>
<li><span class="k-icon k-i-launch"></span> .k-i-launch</li>
<li><span class="k-icon k-i-window"></span> .k-i-window<br /> .k-i-window-maximize</li>
<li><span class="k-icon k-i-windows"></span> .k-i-windows<br /> .k-i-window-restore<br /> .k-i-tiles</li>
<li><span class="k-icon k-i-window-minimize"></span> .k-i-window-minimize</li>
<li><span class="k-icon k-i-gear"></span> .k-i-gear<br /> .k-i-cog<br /> .k-i-custom</li>
<li><span class="k-icon k-i-gears"></span> .k-i-gears<br /> .k-i-cogs</li>
<li><span class="k-icon k-i-wrench"></span> .k-i-wrench<br /> .k-i-settings</li>
<li><span class="k-icon k-i-preview"></span> .k-i-preview<br /> .k-i-eye</li>
<li><span class="k-icon k-i-zoom"></span> .k-i-zoom<br /> .k-i-search</li>
<li><span class="k-icon k-i-zoom-in"></span> .k-i-zoom-in</li>
<li><span class="k-icon k-i-zoom-out"></span> .k-i-zoom-out</li>
<li><span class="k-icon k-i-pan"></span> .k-i-pan<br /> .k-i-move</li>
<li><span class="k-icon k-i-calculator"></span> .k-i-calculator</li>
<li><span class="k-icon k-i-cart"></span> .k-i-cart<br /> .k-i-shopping-cart</li>
<li><span class="k-icon k-i-connector"></span> .k-i-connector</li>
<li><span class="k-icon k-i-plus-sm"></span> .k-i-plus-sm</li>
<li><span class="k-icon k-i-minus-sm"></span> .k-i-minus-sm</li>
<li><span class="k-icon k-font-icon k-i-undo"></span> .k-i-undo</li>
<li><span class="k-icon k-font-icon k-i-redo"></span> .k-i-redo</li>
<li><span class="k-icon k-font-icon k-i-reset"></span> .k-i-reset</li>
<li><span class="k-icon k-font-icon k-i-reload"></span> .k-i-reload<br /> .k-i-refresh</li>
<li><span class="k-icon k-font-icon k-i-non-recurrence"></span> .k-i-non-recurrence</li>
<li><span class="k-icon k-font-icon k-i-reset-sm"></span> .k-i-reset-sm</li>
<li><span class="k-icon k-font-icon k-i-reload-sm"></span> .k-i-reload-sm<br /> .k-i-refresh-sm</li>
<li><span class="k-icon k-font-icon k-i-clock"></span> .k-i-clock</li>
<li><span class="k-icon k-font-icon k-i-calendar"></span> .k-i-calendar</li>
<li><span class="k-icon k-font-icon k-i-save"></span> .k-i-save<br /> .k-i-floppy</li>
<li><span class="k-icon k-font-icon k-i-print"></span> .k-i-print<br /> .k-i-printer</li>
<li><span class="k-icon k-font-icon k-i-edit"></span> .k-i-edit<br /> .k-i-pencil</li>
<li><span class="k-icon k-font-icon k-i-delete"></span> .k-i-delete<br /> .k-i-trash</li>
<li><span class="k-icon k-font-icon k-i-attachment"></span> .k-i-attachment<br /> .k-i-clip</li>
<li><span class="k-icon k-font-icon k-i-attachment-45"></span> .k-i-attachment-45<br /> .k-i-clip-45</li>
<li><span class="k-icon k-font-icon k-i-link-horizontal"></span> .k-i-link-horizontal<br /> .k-i-hyperlink</li>
<li><span class="k-icon k-font-icon k-i-unlink-horizontal"></span> .k-i-unlink-horizontal<br /> .k-i-hyperlink-remove</li>
<li><span class="k-icon k-font-icon k-i-link-vertical"></span> .k-i-link-vertical</li>
<li><span class="k-icon k-font-icon k-i-unlink-vertical"></span> .k-i-unlink-vertical</li>
<li><span class="k-icon k-font-icon k-i-lock"></span> .k-i-lock</li>
<li><span class="k-icon k-font-icon k-i-unlock"></span> .k-i-unlock</li>
<li><span class="k-icon k-font-icon k-i-cancel"></span> .k-i-cancel</li>
<li><span class="k-icon k-font-icon k-i-cancel-outline"></span> .k-i-cancel-outline</li>
<li><span class="k-icon k-font-icon k-i-cancel-circle"></span> .k-i-cancel-circle</li>
<li><span class="k-icon k-font-icon k-i-check"></span> .k-i-check<br /> .k-i-checkmark</li>
<li><span class="k-icon k-font-icon k-i-check-outline"></span> .k-i-check-outline<br /> .k-i-checkmark-outline</li>
<li><span class="k-icon k-font-icon k-i-check-circle"></span> .k-i-check-circle<br /> .k-i-checkmark-circle</li>
<li><span class="k-icon k-font-icon k-i-close"></span> .k-i-close<br /> .k-i-x</li>
<li><span class="k-icon k-font-icon k-i-close-outline"></span> .k-i-close-outline<br /> .k-i-x-outline</li>
<li><span class="k-icon k-font-icon k-i-close-circle"></span> .k-i-close-circle<br /> .k-i-x-circle</li>
<li><span class="k-icon k-font-icon k-i-plus"></span> .k-i-plus</li>
<li><span class="k-icon k-font-icon k-i-plus-outline"></span> .k-i-plus-outline</li>
<li><span class="k-icon k-font-icon k-i-plus-circle"></span> .k-i-plus-circle</li>
<li><span class="k-icon k-font-icon k-i-minus"></span> .k-i-minus</li>
<li><span class="k-icon k-font-icon k-i-minus-outline"></span> .k-i-minus-outline</li>
<li><span class="k-icon k-font-icon k-i-minus-circle"></span> .k-i-minus-circle</li>
<li><span class="k-icon k-font-icon k-i-sort-asc"></span> .k-i-sort-asc</li>
<li><span class="k-icon k-font-icon k-i-sort-desc"></span> .k-i-sort-desc</li>
<li><span class="k-icon k-font-icon k-i-unsort"></span> .k-i-unsort</li>
<li><span class="k-icon k-font-icon k-i-sort-clear"></span> .k-i-sort-clear</li>
<li><span class="k-icon k-font-icon k-i-sort-asc-sm"></span> .k-i-sort-asc-sm</li>
<li><span class="k-icon k-font-icon k-i-sort-desc-sm"></span> .k-i-sort-desc-sm</li>
<li><span class="k-icon k-font-icon k-i-filter"></span> .k-i-filter</li>
<li><span class="k-icon k-font-icon k-i-filter-clear"></span> .k-i-filter-clear</li>
<li><span class="k-icon k-font-icon k-i-filter-sm"></span> .k-i-filter-sm</li>
<li><span class="k-icon k-font-icon k-i-filter-sort-asc-sm"></span> .k-i-filter-sort-asc-sm</li>
<li><span class="k-icon k-font-icon k-i-filter-sort-desc-sm"></span> .k-i-filter-sort-desc-sm</li>
<li><span class="k-icon k-font-icon k-i-filter-add-expression"></span> .k-i-filter-add-expression</li>
<li><span class="k-icon k-font-icon k-i-filter-add-group"></span> .k-i-filter-add-group</li>
<li><span class="k-icon k-font-icon k-i-login"></span> .k-i-login</li>
<li><span class="k-icon k-font-icon k-i-logout"></span> .k-i-logout</li>
<li><span class="k-icon k-font-icon k-i-download"></span> .k-i-download</li>
<li><span class="k-icon k-font-icon k-i-upload"></span> .k-i-upload</li>
<li><span class="k-icon k-font-icon k-i-hyperlink-open"></span> .k-i-hyperlink-open</li>
<li><span class="k-icon k-font-icon k-i-hyperlink-open-sm"></span> .k-i-hyperlink-open-sm</li>
<li><span class="k-icon k-font-icon k-i-launch"></span> .k-i-launch</li>
<li><span class="k-icon k-font-icon k-i-window"></span> .k-i-window<br /> .k-i-window-maximize</li>
<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>
<li><span class="k-icon k-font-icon k-i-window-minimize"></span> .k-i-window-minimize</li>
<li><span class="k-icon k-font-icon k-i-gear"></span> .k-i-gear<br /> .k-i-cog<br /> .k-i-custom</li>
<li><span class="k-icon k-font-icon k-i-gears"></span> .k-i-gears<br /> .k-i-cogs</li>
<li><span class="k-icon k-font-icon k-i-wrench"></span> .k-i-wrench<br /> .k-i-settings</li>
<li><span class="k-icon k-font-icon k-i-preview"></span> .k-i-preview<br /> .k-i-eye</li>
<li><span class="k-icon k-font-icon k-i-zoom"></span> .k-i-zoom<br /> .k-i-search</li>
<li><span class="k-icon k-font-icon k-i-zoom-in"></span> .k-i-zoom-in</li>
<li><span class="k-icon k-font-icon k-i-zoom-out"></span> .k-i-zoom-out</li>
<li><span class="k-icon k-font-icon k-i-pan"></span> .k-i-pan<br /> .k-i-move</li>
<li><span class="k-icon k-font-icon k-i-calculator"></span> .k-i-calculator</li>
<li><span class="k-icon k-font-icon k-i-cart"></span> .k-i-cart<br /> .k-i-shopping-cart</li>
<li><span class="k-icon k-font-icon k-i-connector"></span> .k-i-connector</li>
<li><span class="k-icon k-font-icon k-i-plus-sm"></span> .k-i-plus-sm</li>
<li><span class="k-icon k-font-icon k-i-minus-sm"></span> .k-i-minus-sm</li>
</ul>
</body>

Expand Down
9 changes: 5 additions & 4 deletions docs/styling/examples/icons/alerts-n-notifications/main.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-theme-default@latest/dist/all.css" />
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />

<style>
.WebComponentsIcons {
Expand Down Expand Up @@ -82,10 +83,10 @@

<body>
<ul class="WebComponentsIcons">
<li><span class="k-icon k-i-notification"></span> .k-i-notification<br /> .k-i-bell</li>
<li><span class="k-icon k-i-information"></span> .k-i-information<br /> .k-i-info</li>
<li><span class="k-icon k-i-question"></span> .k-i-question<br /> .k-i-help</li>
<li><span class="k-icon k-i-warning"></span> .k-i-warning<br /> .k-i-exception<br /> .k-i-error</li>
<li><span class="k-icon k-font-icon k-i-notification"></span> .k-i-notification<br /> .k-i-bell</li>
<li><span class="k-icon k-font-icon k-i-information"></span> .k-i-information<br /> .k-i-info</li>
<li><span class="k-icon k-font-icon k-i-question"></span> .k-i-question<br /> .k-i-help</li>
<li><span class="k-icon k-font-icon k-i-warning"></span> .k-i-warning<br /> .k-i-exception<br /> .k-i-error</li>
</ul>
</body>

Expand Down
Loading

0 comments on commit 7a41254

Please sign in to comment.