Skip to content

Commit 7d98a13

Browse files
BackiarajBackiaraj
committed
Update preview sample output of Blazor components UG documentation
1 parent bace2ec commit 7d98a13

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+180
-529
lines changed

‎blazor/barcode/barcodeGenerator.md‎

Lines changed: 10 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,7 @@ The Code 39 character set includes the digits 0-9, the letters A-Z (upper case o
1919
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code39" Value="SYNCFUSION"></SfBarcodeGenerator>
2020
2121
```
22-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtLAWhWpKaDiwKIJ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
23-
24-
![Code39 in Blazor Barcode](images/blazor-code39-barcode.png)
22+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtLAWhWpKaDiwKIJ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code39 in Blazor Barcode](images/blazor-code39-barcode.png)" %}
2523

2624
## Code39 Extended
2725

@@ -33,9 +31,7 @@ Code 39 Extended is an extended version of Code 39 that supports ASCII character
3331
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code39Extension" Value="SYNCFUSION"></SfBarcodeGenerator>
3432
3533
```
36-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLAWBWTUEDJqMHY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
37-
38-
![Code39 Extended in Blazor Barcode](images/blazor-code39-extended-barcode.png)
34+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLAWBWTUEDJqMHY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code39 Extended in Blazor Barcode](images/blazor-code39-extended-barcode.png)" %}
3935

4036
## Code 11
4137

@@ -47,9 +43,7 @@ Code 11 is used primarily for labeling the telecommunication equipment’s. The
4743
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code11" Value="112"></SfBarcodeGenerator>
4844
4945
```
50-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VjhKMLWJKunSzaPB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
51-
52-
![Code11 in Blazor Barcode](images/blazor-code11-barcode.png)
46+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VjhKMLWJKunSzaPB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code11 in Blazor Barcode](images/blazor-code11-barcode.png)" %}
5347

5448
## Codabar
5549

@@ -65,9 +59,7 @@ The characters A, B, C and D are used as start and stop characters. Codabar is u
6559
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Codabar" Value="123456789"></SfBarcodeGenerator>
6660
6761
```
68-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVUWrMfTZgKRrDa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
69-
70-
![Codabar in Blazor Barcode](images/blazor-codebar-barcode.png)
62+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVUWrMfTZgKRrDa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Codabar in Blazor Barcode](images/blazor-codebar-barcode.png)" %}
7163

7264
## Code 32
7365

@@ -85,9 +77,7 @@ The value to be encoded must be 8 digits Pharmacode (prefix it with ‘0’ if n
8577
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code32" Value="01234567"></SfBarcodeGenerator>
8678
8779
```
88-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNVgWBWJfDKHBhkK?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
89-
90-
![Code32 in Blazor Barcode](images/blazor-code32-barcode.png)
80+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNVgWBWJfDKHBhkK?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code32 in Blazor Barcode](images/blazor-code32-barcode.png)" %}
9181

9282
## Code 93
9383

@@ -99,9 +89,7 @@ Code 93 is designed to complement and improve Code 39. It can represent the enti
9989
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code93" Value="01234567"></SfBarcodeGenerator>
10090
10191
```
102-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjBgMhszJtgvyKlX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
103-
104-
![Code 93 in Blazor Barcode](images/blazor-code93-barcode.png)
92+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjBgMhszJtgvyKlX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code 93 in Blazor Barcode](images/blazor-code93-barcode.png)" %}
10593

10694
## Code 93 Extended
10795

@@ -127,9 +115,7 @@ The last seven characters of Code Sets A and B (character values 96 - 102) and t
127115
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code128" Value="SYNCFUSION"></SfBarcodeGenerator>
128116
129117
```
130-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXhqMrsJfNTBcTKn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
131-
132-
![Code 128 Special Characters in Blazor Barcode](images/blazor-code128-barcode.png)
118+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXhqMrsJfNTBcTKn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Code 128 Special Characters in Blazor Barcode](images/blazor-code128-barcode.png)" %}
133119

134120
## Customizing the Barcode color
135121

@@ -141,9 +127,7 @@ A page or printed media with barcode often appears colorful in the background an
141127
<SfBarcodeGenerator Width="200px" Height="150px" Type="@BarcodeType.Code128" ForeColor="red" Value="SYNCFUSION"></SfBarcodeGenerator>
142128
143129
```
144-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDLKCVMfpZpePoSk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
145-
146-
![Customizing Blazor Barcode Color](images/blazor-barcode-color-customization.png)
130+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDLKCVMfpZpePoSk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Barcode Color](images/blazor-barcode-color-customization.png)" %}
147131

148132
## Customizing the Barcode dimension
149133

@@ -155,9 +139,7 @@ The dimension of the barcode can be changed using the [Height](https://help.sync
155139
<SfBarcodeGenerator Width="300px" Height="300px" Type="@BarcodeType.Code128" Value="SYNCFUSION"></SfBarcodeGenerator>
156140
157141
```
158-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjVACViTTDTFyxuE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
159-
160-
![Customizing Blazor Barcode Dimension](images/blazor-barcode-dimension-customization.png)
142+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjVACViTTDTFyxuE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Barcode Dimension](images/blazor-barcode-dimension-customization.png)" %}
161143

162144
## Customizing the text
163145

@@ -171,9 +153,7 @@ In barcode generators, you can customize the barcode text by using display [Text
171153
</SfBarcodeGenerator>
172154
173155
```
174-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtLqiVspptosptJA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
175-
176-
![Customizing the Text in Blazor Barcode](images/blazor-barcode-text-customization.png)
156+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtLqiVspptosptJA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing the Text in Blazor Barcode](images/blazor-barcode-text-customization.png)" %}
177157

178158
## Enable Check Sum
179159

‎blazor/barcode/datamatrixgenerator.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,7 @@ documentation: ug
1919
<SfDataMatrixGenerator Width="200" Height="150" Value="SYNCFUSION"></SfDataMatrixGenerator>
2020
2121
```
22-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNrAWrMTJZbJfybQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
23-
24-
![Data Matrix Generator in Blazor Barcode](images/blazor-barcode-with-datamatrix.png)
22+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNrAWrMTJZbJfybQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Matrix Generator in Blazor Barcode](images/blazor-barcode-with-datamatrix.png)" %}
2523

2624
## Customizing the Barcode color
2725

@@ -33,9 +31,7 @@ A page or printed media with barcode often appears colorful in the background an
3331
<SfDataMatrixGenerator Width="200" ForeColor="red" Height="150" Value="SYNCFUSION"></SfDataMatrixGenerator>
3432
3533
```
36-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VZrqMVCfzDOMreTm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
37-
38-
![Customizing Blazor Barcode Color in Data Matrix Generator](images/blazor-barcode-datamatrix-color-customization.png)
34+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VZrqMVCfzDOMreTm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Barcode Color in Data Matrix Generator](images/blazor-barcode-datamatrix-color-customization.png)" %}
3935

4036
## Customizing the Barcode dimension
4137

@@ -61,9 +57,7 @@ In barcode generators, you can customize the barcode text by using the display [
6157
</SfDataMatrixGenerator>
6258
6359
```
64-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDBUiLMffNOmVTuG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
65-
66-
![Customizing Blazor Barcode Text in Data Matrix Generator](images/blazor-barcode-text-in-datamatrix.png)
60+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDBUiLMffNOmVTuG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Barcode Text in Data Matrix Generator](images/blazor-barcode-text-in-datamatrix.png)" %}
6761

6862
## Event
6963

‎blazor/barcode/qrcodegenerator.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,7 @@ The [Blazor QR Code](https://www.syncfusion.com/blazor-components/blazor-barcode
1919
<SfQRCodeGenerator Width="200px" Height="150px" Value="Syncfusion"></SfQRCodeGenerator>
2020
2121
```
22-
{% previewsample "https://blazorplayground.syncfusion.com/embed/htBqsLMJfZxnCqnf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
23-
24-
![QR Code in Blazor Barcode Component](images/blazor-barcode-with-qrcode.png)
22+
{% previewsample "https://blazorplayground.syncfusion.com/embed/htBqsLMJfZxnCqnf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[QR Code in Blazor Barcode Component](images/blazor-barcode-with-qrcode.png)" %}
2523

2624
## Customizing the Barcode color
2725

@@ -33,9 +31,7 @@ A page or printed media containing a barcode often appears colorful in the backg
3331
<SfQRCodeGenerator Width="200px" Height="150px" ForeColor="red" Value="Syncfusion"></SfQRCodeGenerator>
3432
3533
```
36-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZBUiVMzfXduXXET?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
37-
38-
![Customizing QR Code Color in Blazor Barcode](images/blazor-barcode-qrcode-color-customization.png)
34+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZBUiVMzfXduXXET?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing QR Code Color in Blazor Barcode](images/blazor-barcode-qrcode-color-customization.png)" %}
3935

4036
## Customizing the Barcode dimension
4137

@@ -61,9 +57,7 @@ In barcode generators, you can customize the barcode text by using the display [
6157
</SfQRCodeGenerator>
6258
6359
```
64-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtrKMVCTTXGflLco?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
65-
66-
![Customizing the Text for QR Code in Blazor Barcode](images/blazor-barcode-qrcode-text-customization.png)
60+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtrKMVCTTXGflLco?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing the Text for QR Code in Blazor Barcode](images/blazor-barcode-qrcode-text-customization.png)" %}
6761

6862
## Error Correction Level
6963

‎blazor/breadcrumb/breadcrumb-items.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,7 @@ The [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-brea
3131
</BreadcrumbItems>
3232
</SfBreadcrumb>
3333
```
34-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBqCLsJJBaogECl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
35-
36-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-tag.png)
34+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBqCLsJJBaogECl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-tag.png)" %}
3735

3836
## Items based on current URL
3937

@@ -44,9 +42,7 @@ The Breadcrumb items can be generated based on the current URL of the page when
4442
4543
<SfBreadcrumb></SfBreadcrumb>
4644
```
47-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNhUWVWJzVObSwiI?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
48-
49-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-current-url.png)
45+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNhUWVWJzVObSwiI?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-current-url.png)" %}
5046

5147
N> This output screenshot shows the [Bind to Location](https://blazor.syncfusion.com/demos/breadcrumb/bind-to-location) sample.
5248

@@ -60,9 +56,7 @@ You can generate the Breadcrumb items by providing the [Url](https://help.syncfu
6056
<SfBreadcrumb Url="https://blazor.syncfusion.com/demos/breadcrumb/navigation">
6157
</SfBreadcrumb>
6258
```
63-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLAMBWpzqZWfPfm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
64-
65-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-static-url.png)
59+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLAMBWpzqZWfPfm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-static-url.png)" %}
6660

6761
## Add or remove the Breadcrumb items
6862

‎blazor/breadcrumb/getting-started.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -155,9 +155,7 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Breadcrumb compo
155155

156156
* Press F5 to run the application. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Breadcrumb component will be rendered in the default web browser.
157157

158-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rXhpNiBSgmQNkpCP?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
159-
160-
![Blazor Breadcrumb Component](./images/blazor-breadcrumb-component.png)
158+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rXhpNiBSgmQNkpCP?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-component.png)" %}
161159

162160
N> The Breadcrumb component will render based on the current URL, when the Breadcrumb items are not specified.
163161

‎blazor/breadcrumb/icons.md‎

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,7 @@ To place the font icon on the Breadcrumb item, set the [IconCss](https://help.sy
2727
</BreadcrumbItems>
2828
</SfBreadcrumb>
2929
```
30-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgWLMTfUsCSUjG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
31-
32-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)
30+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgWLMTfUsCSUjG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)" %}
3331

3432
N> By default, the icon is positioned to the left side of the item.
3533

@@ -57,9 +55,7 @@ In the Breadcrumb component, you can add images to the items using [IconCss](htt
5755
}
5856
</style>
5957
```
60-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhgsLMppKsTBQHd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
61-
62-
![Blazor Breadcrumb Component](./images/image.png)
58+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhgsLMppKsTBQHd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/image.png)" %}
6359

6460
## Breadcrumb with SVG image
6561

@@ -85,9 +81,7 @@ In the Breadcrumb component, SVG image can be added for the items using the [Ico
8581
}
8682
</style>
8783
```
88-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrgsLCJfAixuNYA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
89-
90-
![Breadcrumb Sample](./images/svg.PNG)
84+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrgsLCJfAixuNYA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/svg.PNG)" %}
9185

9286
## Icon only
9387

@@ -106,9 +100,7 @@ In the following example, Breadcrumb items are demonstrated with only icons by p
106100
</BreadcrumbItems>
107101
</SfBreadcrumb>
108102
```
109-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrgWrWTTqsOeruV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
110-
111-
![Breadcrumb Sample](./images/icon-only.PNG)
103+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrgWrWTTqsOeruV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/icon-only.PNG)" %}
112104

113105
## Show icon only for first item
114106

@@ -126,6 +118,4 @@ To show icon only for the first item in the Breadcrumb component, add icons to t
126118
</BreadcrumbItems>
127119
</SfBreadcrumb>
128120
```
129-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLgChsTfKrhKYox?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
130-
131-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)
121+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLgChsTfKrhKYox?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)" %}

‎blazor/breadcrumb/navigation.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,7 @@ You can specify relative URL in the [Url](https://help.syncfusion.com/cr/blazor/
2929
</BreadcrumbItems>
3030
</SfBreadcrumb>
3131
```
32-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrUCBsJJKhvVXTj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
33-
34-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-relative-url.png)
32+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrUCBsJJKhvVXTj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-relative-url.png)" %}
3533

3634
## Absolute URL
3735

@@ -50,9 +48,7 @@ You can specify absolute URL in the [Url](https://help.syncfusion.com/cr/blazor/
5048
</BreadcrumbItems>
5149
</SfBreadcrumb>
5250
```
53-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXhKsrifpggirdDv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
54-
55-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-absolute-url.png)
51+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXhKsrifpggirdDv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-absolute-url.png)" %}
5652

5753
## Enable navigation for last Breadcrumb item
5854

@@ -71,6 +67,4 @@ Breadcrumb enables the navigation for the last item by setting the [EnableActive
7167
</BreadcrumbItems>
7268
</SfBreadcrumb>
7369
```
74-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrKWhMpfqgKOtmL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
75-
76-
![Blazor Breadcrumb Component](./images/blazor-Breadcrumb-enable-navigation.png)
70+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrKWhMpfqgKOtmL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-enable-navigation.png)" %}

0 commit comments

Comments
 (0)