Skip to content

Commit b0e276c

Browse files
svdimitrjivanova
svdimitr
authored and
jivanova
committed
docs(icons): icons
1 parent ae3fb0f commit b0e276c

File tree

12 files changed

+63
-63
lines changed

12 files changed

+63
-63
lines changed

‎components/pdfviewer/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ The PdfViewer exposes methods for programmatic operation. To use them, define a
105105
Data="@PdfSource">
106106
<PdfViewerToolBar>
107107
<PdfViewerToolBarCustomTool>
108-
<TelerikButton OnClick="@OnButtonClick" Icon="refresh">Rebind PDF Viewer</TelerikButton>
108+
<TelerikButton OnClick="@OnButtonClick" Icon=FontIcon.ArrowRotateCw>Rebind PDF Viewer</TelerikButton>
109109
</PdfViewerToolBarCustomTool>
110110
</PdfViewerToolBar>
111111
</TelerikPdfViewer>

‎components/stepper/display-modes.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,10 @@ The default Display mode of the Stepper is `Steps`. If labels are defined, with
3232
<div style="width:500px">
3333
<TelerikStepper StepType="StepperStepType.Steps">
3434
<StepperSteps>
35-
<StepperStep Label="Personal Info" Icon="user"></StepperStep>
36-
<StepperStep Label="Education" Icon="dictionary-add"></StepperStep>
37-
<StepperStep Label="Experience" Icon="flip-vertical"></StepperStep>
38-
<StepperStep Label="Attachments" Icon="attachment"></StepperStep>
35+
<StepperStep Label="Personal Info" Icon=FontIcon.User></StepperStep>
36+
<StepperStep Label="Education" Icon=FontIcon.Book></StepperStep>
37+
<StepperStep Label="Experience" Icon=FontIcon.FlipVertical></StepperStep>
38+
<StepperStep Label="Attachments" Icon=FontIcon.Paperclip></StepperStep>
3939
</StepperSteps>
4040
</TelerikStepper>
4141
</div>
@@ -55,10 +55,10 @@ If you want to display only labels for the steps, set the `StepType` parameter o
5555
<div style="width:500px">
5656
<TelerikStepper StepType="StepperStepType.Labels">
5757
<StepperSteps>
58-
<StepperStep Label="Personal Info" Icon="user"></StepperStep>
59-
<StepperStep Label="Education" Icon="dictionary-add"></StepperStep>
60-
<StepperStep Label="Experience" Icon="flip-vertical"></StepperStep>
61-
<StepperStep Label="Attachments" Icon="attachment"></StepperStep>
58+
<StepperStep Label="Personal Info" Icon=FontIcon.User></StepperStep>
59+
<StepperStep Label="Education" Icon=FontIcon.Book></StepperStep>
60+
<StepperStep Label="Experience" Icon=FontIcon.FlipVertical></StepperStep>
61+
<StepperStep Label="Attachments" Icon=FontIcon.Paperclip></StepperStep>
6262
</StepperSteps>
6363
</TelerikStepper>
6464
</div>

‎components/stepper/linear-flow.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,11 +25,11 @@ To enable Linear flow of the Stepper, set its `Linear` parameter to `true`. By d
2525
2626
<TelerikStepper Linear="true">
2727
<StepperSteps>
28-
<StepperStep Icon="cart" Label="Cart"></StepperStep>
29-
<StepperStep Icon="marker-pin-target" Label="Delivery Address"></StepperStep>
30-
<StepperStep Icon="dollar" Label="Payment Method"></StepperStep>
31-
<StepperStep Icon="preview" Label="Preview"></StepperStep>
32-
<StepperStep Icon="track-changes-accept" Label="Finish Order"></StepperStep>
28+
<StepperStep Icon=FontIcon.Cart Label="Cart"></StepperStep>
29+
<StepperStep Icon=FontIcon.MapMarkerTarget Label="Delivery Address"></StepperStep>
30+
<StepperStep Icon=FontIcon.Dollar Label="Payment Method"></StepperStep>
31+
<StepperStep Icon=FontIcon.Eye Label="Preview"></StepperStep>
32+
<StepperStep Icon=FontIcon.TrackChangesAccept Label="Finish Order"></StepperStep>
3333
</StepperSteps>
3434
</TelerikStepper>
3535
````

‎components/stepper/overview.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,11 @@ The Stepper provides several features out of the box, including the ability to d
3434
<div style="width:700px">
3535
<TelerikStepper @bind-Value="@CurrentStepIndex">
3636
<StepperSteps>
37-
<StepperStep Icon="cart" Label="Cart"></StepperStep>
38-
<StepperStep Icon="marker-pin-target" Label="Delivery Address"></StepperStep>
39-
<StepperStep Icon="dollar" Label="Payment Method"></StepperStep>
40-
<StepperStep Icon="preview" Label="Preview"></StepperStep>
41-
<StepperStep Icon="track-changes-accept" Label="Finish Order"></StepperStep>
37+
<StepperStep Icon=FontIcon.Cart Label="Cart"></StepperStep>
38+
<StepperStep Icon=FontIcon.MapMarkerTarget Label="Delivery Address"></StepperStep>
39+
<StepperStep Icon=FontIcon.Dollar Label="Payment Method"></StepperStep>
40+
<StepperStep Icon=FontIcon.Eye Label="Preview"></StepperStep>
41+
<StepperStep Icon=FontIcon.TrackChangesAccept Label="Finish Order"></StepperStep>
4242
</StepperSteps>
4343
</TelerikStepper>
4444
</div>

‎components/stepper/steps/labels.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@ The Stepper component allows you to set labels for the corresponding step indica
2323
<div style="width:500px">
2424
<TelerikStepper>
2525
<StepperSteps>
26-
<StepperStep Label="Personal Info" Icon="user"></StepperStep>
27-
<StepperStep Label="Education" Icon="dictionary-add"></StepperStep>
28-
<StepperStep Label="Experience" Icon="flip-vertical"></StepperStep>
29-
<StepperStep Label="Attachments" Icon="attachment"></StepperStep>
26+
<StepperStep Label="Personal Info" Icon=FontIcon.User></StepperStep>
27+
<StepperStep Label="Education" Icon=FontIcon.Book></StepperStep>
28+
<StepperStep Label="Experience" Icon=FontIcon.FlipVertical></StepperStep>
29+
<StepperStep Label="Attachments" Icon=FontIcon.Paperclip></StepperStep>
3030
</StepperSteps>
3131
</TelerikStepper>
3232
</div>
@@ -44,10 +44,10 @@ The Stepper component allows you to set labels for the corresponding step indica
4444
<div style="width:500px">
4545
<TelerikStepper>
4646
<StepperSteps>
47-
<StepperStep Label="Personal Info" Icon="user"></StepperStep>
48-
<StepperStep Icon="dictionary-add"></StepperStep>
49-
<StepperStep Icon="flip-vertical"></StepperStep>
50-
<StepperStep Label="Attachments" Icon="attachment"></StepperStep>
47+
<StepperStep Label="Personal Info" Icon=FontIcon.User></StepperStep>
48+
<StepperStep Icon=FontIcon.Book></StepperStep>
49+
<StepperStep Icon=FontIcon.FlipVertical></StepperStep>
50+
<StepperStep Label="Attachments" Icon=FontIcon.Paperclip></StepperStep>
5151
</StepperSteps>
5252
</TelerikStepper>
5353
</div>
@@ -65,10 +65,10 @@ The Stepper component allows you to set labels for the corresponding step indica
6565
<div style="width:500px">
6666
<TelerikStepper>
6767
<StepperSteps>
68-
<StepperStep Icon="user"></StepperStep>
69-
<StepperStep Icon="dictionary-add"></StepperStep>
70-
<StepperStep Icon="flip-vertical"></StepperStep>
71-
<StepperStep Icon="attachment"></StepperStep>
68+
<StepperStep Icon=FontIcon.User></StepperStep>
69+
<StepperStep Icon=FontIcon.Book></StepperStep>
70+
<StepperStep Icon=FontIcon.FlipVertical></StepperStep>
71+
<StepperStep Icon=FontIcon.Paperclip></StepperStep>
7272
</StepperSteps>
7373
</TelerikStepper>
7474
</div>

‎components/stepper/steps/state.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -30,11 +30,11 @@ The stepper component will also allow you to [localize]({%slug globalization-loc
3030
<div style="width:700px">
3131
<TelerikStepper>
3232
<StepperSteps>
33-
<StepperStep Label="Cart" Icon="cart"></StepperStep>
34-
<StepperStep Label="Delivery address" Icon="marker-pin-target"></StepperStep>
35-
<StepperStep Label="Payment method" Icon="dollar"></StepperStep>
36-
<StepperStep Optional="true" Label="Preview" Icon="preview"></StepperStep>
37-
<StepperStep Label="Finish Order" Icon="track-changes-accept"></StepperStep>
33+
<StepperStep Label="Cart" Icon=FontIcon.Cart></StepperStep>
34+
<StepperStep Label="Delivery address" Icon=FontIcon.MapMarkerTarget></StepperStep>
35+
<StepperStep Label="Payment method" Icon=FontIcon.Dollar></StepperStep>
36+
<StepperStep Optional="true" Label="Preview" Icon=FontIcon.Eye></StepperStep>
37+
<StepperStep Label="Finish Order" Icon=FontIcon.TrackChangesAccept></StepperStep>
3838
</StepperSteps>
3939
</TelerikStepper>
4040
</div>
@@ -57,11 +57,11 @@ This feature serves to mark the desired step as disabled, so users cannot click
5757
<div style="width:700px">
5858
<TelerikStepper>
5959
<StepperSteps>
60-
<StepperStep Label="Cart" Icon="cart"></StepperStep>
61-
<StepperStep Label="Delivery address" Icon="marker-pin-target"></StepperStep>
62-
<StepperStep Label="Payment method" Icon="dollar"></StepperStep>
63-
<StepperStep Disabled="true" Label="Preview" Icon="preview"></StepperStep>
64-
<StepperStep Label="Finish Order" Icon="track-changes-accept"></StepperStep>
60+
<StepperStep Label="Cart" Icon=FontIcon.Cart></StepperStep>
61+
<StepperStep Label="Delivery address" Icon=FontIcon.MapMarkerTarget></StepperStep>
62+
<StepperStep Label="Payment method" Icon=FontIcon.Dollar></StepperStep>
63+
<StepperStep Disabled="true" Label="Preview" Icon=FontIcon.Eye></StepperStep>
64+
<StepperStep Label="Finish Order" Icon=FontIcon.TrackChangesAccept></StepperStep>
6565
</StepperSteps>
6666
</TelerikStepper>
6767
</div>

‎components/stepper/steps/validation.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@ When validation icons are rendered inside the indicators, they will override the
4040
<div style="width:700px">
4141
<TelerikStepper Linear="true" Value="@StepperValue" ValueChanged="@HandleValueChanged">
4242
<StepperSteps>
43-
<StepperStep Valid="@ValidStep" Label="Cart" Icon="cart" ></StepperStep>
44-
<StepperStep Valid="@InvalidStep" Label="Delivery address" Icon="marker-pin-target"></StepperStep>
45-
<StepperStep Valid="@ValidStep2" Label="Payment method" Icon="dollar"></StepperStep>
46-
<StepperStep Label="Finish Order" Icon="track-changes-accept"></StepperStep>
43+
<StepperStep Valid="@ValidStep" Label="Cart" Icon=FontIcon.Cart ></StepperStep>
44+
<StepperStep Valid="@InvalidStep" Label="Delivery address" Icon=FontIcon.MapMarkerTarget></StepperStep>
45+
<StepperStep Valid="@ValidStep2" Label="Payment method" Icon=FontIcon.Dollar></StepperStep>
46+
<StepperStep Label="Finish Order" Icon=FontIcon.TrackChangesAccept></StepperStep>
4747
</StepperSteps>
4848
</TelerikStepper>
4949
</div>
@@ -90,10 +90,10 @@ If the Stepper uses the [`Labels`]({%slug stepper-display-modes%}#labels)display
9090
<TelerikStepper StepType="@StepperStepType.Labels" Linear="true"
9191
Value="@StepperValue" ValueChanged="@HandleValueChanged" >
9292
<StepperSteps>
93-
<StepperStep Valid="@ValidStep" Label="Personal Info" Icon="user"></StepperStep>
94-
<StepperStep Valid="@InvalidStep" Label="Education" Icon="dictionary-add"></StepperStep>
95-
<StepperStep Valid="@ValidStep2" Label="Experience" Icon="flip-vertical"></StepperStep>
96-
<StepperStep Label="Attachments" Icon="attachment"></StepperStep>
93+
<StepperStep Valid="@ValidStep" Label="Personal Info" Icon=FontIcon.User></StepperStep>
94+
<StepperStep Valid="@InvalidStep" Label="Education" Icon=FontIcon.Book></StepperStep>
95+
<StepperStep Valid="@ValidStep2" Label="Experience" Icon=FontIcon.FlipVertical></StepperStep>
96+
<StepperStep Label="Attachments" Icon=FontIcon.Paperclip></StepperStep>
9797
</StepperSteps>
9898
</TelerikStepper>
9999
</div>

‎components/tabstrip/header-template.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ You can define the `HeaderTemplate` with the following configuration in the `Tab
3131
<TelerikTabStrip>
3232
<TabStripTab>
3333
<HeaderTemplate>
34-
<TelerikFontIcon Icon="email" />
34+
<TelerikFontIcon Icon=FontIcon.Envelop />
3535
<strong>Icon and text</strong>
3636
</HeaderTemplate>
3737
<Content>
@@ -40,7 +40,7 @@ You can define the `HeaderTemplate` with the following configuration in the `Tab
4040
</TabStripTab>
4141
<TabStripTab Title="History">
4242
<HeaderTemplate>
43-
<TelerikFontIcon Icon="clock" />
43+
<TelerikFontIcon Icon=FontIcon.Clock />
4444
<strong>Icon and text 2</strong>
4545
</HeaderTemplate>
4646
<Content>

‎components/toolbar/overview.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,13 @@ The <a href = "https://www.telerik.com/blazor-ui/toolbar" target="_blank">Blazor
2525
````CSHTML
2626
<TelerikToolBar>
2727
<ToolBarButtonGroup>
28-
<ToolBarButton Icon="bold" OnClick="@OnBold">Bold</ToolBarButton>
29-
<ToolBarButton Icon="italic" OnClick="@OnItalic">Italic</ToolBarButton>
28+
<ToolBarButton Icon=FontIcon.Bold OnClick="@OnBold">Bold</ToolBarButton>
29+
<ToolBarButton Icon=FontIcon.Italic OnClick="@OnItalic">Italic</ToolBarButton>
3030
</ToolBarButtonGroup>
3131
3232
<ToolBarToggleButton @bind-Selected="@Selected">Toggle Button</ToolBarToggleButton>
3333
34-
<ToolBarButton Icon="undo" OnClick="@OnUndo">Undo</ToolBarButton>
34+
<ToolBarButton Icon=FontIcon.Undo OnClick="@OnUndo">Undo</ToolBarButton>
3535
</TelerikToolBar>
3636
3737
<p> Last clicked button: @LastClicked </p>
@@ -111,8 +111,8 @@ The Blazor Toolbar has an option for adaptiveness. This option allows you to hid
111111
112112
<div class="toolbar-wrapper">
113113
<TelerikToolBar Adaptive="@ToolBarAdaptive">
114-
<ToolBarButton Icon="undo">Undo</ToolBarButton>
115-
<ToolBarButton Icon="redo">Redo</ToolBarButton>
114+
<ToolBarButton Icon=FontIcon.Undo>Undo</ToolBarButton>
115+
<ToolBarButton Icon=FontIcon.Redo>Redo</ToolBarButton>
116116
<ToolBarButton Icon="image" Overflow="ToolBarItemOverflow.Always">Image</ToolBarButton>
117117
<ToolBarSeparator></ToolBarSeparator>
118118
<ToolBarToggleButton Icon="apply-format"></ToolBarToggleButton>

‎components/toolbar/separators.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,14 +28,14 @@ You can visually separate the items in the Telerik ToolBar for Blazor. Depending
2828
2929
<TelerikToolBar>
3030
<ToolBarButtonGroup>
31-
<ToolBarButton Icon="bold">Bold</ToolBarButton>
32-
<ToolBarButton Icon="italic">Italic</ToolBarButton>
31+
<ToolBarButton Icon=FontIcon.Bold>Bold</ToolBarButton>
32+
<ToolBarButton Icon=FontIcon.Italic>Italic</ToolBarButton>
3333
<ToolBarButton Icon="underline">Underline</ToolBarButton>
3434
</ToolBarButtonGroup>
3535
<ToolBarSpacer />
3636
<ToolBarToggleButton @bind-Selected="@Selected">Toggle Button</ToolBarToggleButton>
3737
<ToolBarSeparator />
38-
<ToolBarButton Icon="undo">Undo</ToolBarButton>
38+
<ToolBarButton Icon=FontIcon.Undo>Undo</ToolBarButton>
3939
</TelerikToolBar>
4040
4141
@code {

0 commit comments

Comments
 (0)