From 5867be1190477b58f8fbee8b9a7cb8568a3cee68 Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Fri, 5 Jun 2026 00:47:45 +0300 Subject: [PATCH] feat(): update slotted elements --- samples/inputs/button/contained/App.razor | 6 ++ samples/inputs/button/download/App.razor | 6 ++ samples/inputs/button/fab/App.razor | 6 ++ samples/inputs/button/flat/App.razor | 11 +++ samples/inputs/button/outlined/App.razor | 8 ++- samples/inputs/button/overview/App.razor | 3 +- samples/inputs/button/size/App.razor | 8 ++- samples/inputs/button/styling/App.razor | 9 ++- samples/inputs/chip/multiple/App.razor | 16 ++--- .../dynamic/App.razor | 2 - .../simple/App.razor | 1 - .../styling/App.razor | 1 - samples/inputs/input/size/App.razor | 1 - samples/inputs/rating/custom/App.razor | 2 +- .../inputs/rating/single-selection/App.razor | 20 +++--- samples/inputs/select/styling/App.razor | 6 -- samples/inputs/textarea/resize/App.razor | 10 +-- samples/inputs/textarea/slots/App.razor | 2 +- samples/inputs/textarea/styling/App.razor | 2 +- .../accordion/nested-scenario/App.razor | 70 +++++-------------- samples/layouts/card/horizontal/App.razor | 4 +- samples/layouts/card/overview/App.razor | 4 +- .../layouts/card/semi-horizontal/App.razor | 4 +- samples/layouts/card/styling/App.razor | 4 +- samples/layouts/carousel/animations/App.razor | 6 +- samples/layouts/tabs/alignment/App.razor | 5 ++ .../layouts/tile-manager/actions/App.razor | 8 +-- .../layouts/tile-manager/overview/App.razor | 16 ++--- 28 files changed, 115 insertions(+), 126 deletions(-) diff --git a/samples/inputs/button/contained/App.razor b/samples/inputs/button/contained/App.razor index f56db9fd80..c1dedf43cf 100644 --- a/samples/inputs/button/contained/App.razor +++ b/samples/inputs/button/contained/App.razor @@ -3,6 +3,12 @@
+ Contained
diff --git a/samples/inputs/button/download/App.razor b/samples/inputs/button/download/App.razor index bbe2c4f655..45ea2fb744 100644 --- a/samples/inputs/button/download/App.razor +++ b/samples/inputs/button/download/App.razor @@ -3,6 +3,12 @@
+ Download diff --git a/samples/inputs/button/fab/App.razor b/samples/inputs/button/fab/App.razor index a24959b6e9..1172ed9044 100644 --- a/samples/inputs/button/fab/App.razor +++ b/samples/inputs/button/fab/App.razor @@ -3,6 +3,12 @@
+ + Add diff --git a/samples/inputs/button/flat/App.razor b/samples/inputs/button/flat/App.razor index 98bf61cfb6..9193257138 100644 --- a/samples/inputs/button/flat/App.razor +++ b/samples/inputs/button/flat/App.razor @@ -3,6 +3,17 @@
+ Flat
diff --git a/samples/inputs/button/outlined/App.razor b/samples/inputs/button/outlined/App.razor index 4e04ab40d4..51ed8b79c0 100644 --- a/samples/inputs/button/outlined/App.razor +++ b/samples/inputs/button/outlined/App.razor @@ -3,7 +3,13 @@
- Outlined + + Outlined
@code { diff --git a/samples/inputs/button/overview/App.razor b/samples/inputs/button/overview/App.razor index cef27cf44e..2aea338ae4 100644 --- a/samples/inputs/button/overview/App.razor +++ b/samples/inputs/button/overview/App.razor @@ -6,7 +6,8 @@ .buttonContainer { display: flex; justify-content: space-evenly; - margin-top: 20px; + align-items: center; + height: 100%; } diff --git a/samples/inputs/button/size/App.razor b/samples/inputs/button/size/App.razor index 80dec87ecb..bbbaf61e7a 100644 --- a/samples/inputs/button/size/App.razor +++ b/samples/inputs/button/size/App.razor @@ -2,16 +2,20 @@ diff --git a/samples/inputs/button/styling/App.razor b/samples/inputs/button/styling/App.razor index e8f72dc8ad..813585058f 100644 --- a/samples/inputs/button/styling/App.razor +++ b/samples/inputs/button/styling/App.razor @@ -9,10 +9,13 @@ color: #011627; padding: 18px; } + + igc-button { + width: 40%; + margin: auto; + } -
- Contained -
+ Contained
diff --git a/samples/inputs/chip/multiple/App.razor b/samples/inputs/chip/multiple/App.razor index ea41a4db3c..23fa19a430 100644 --- a/samples/inputs/chip/multiple/App.razor +++ b/samples/inputs/chip/multiple/App.razor @@ -3,31 +3,23 @@
- - - + Custom Icons - - - + Start Slot End Slot - - - + Disabled Slot - - - +
diff --git a/samples/inputs/circular-progress-indicator/dynamic/App.razor b/samples/inputs/circular-progress-indicator/dynamic/App.razor index c55afefab0..fdb2317033 100644 --- a/samples/inputs/circular-progress-indicator/dynamic/App.razor +++ b/samples/inputs/circular-progress-indicator/dynamic/App.razor @@ -6,12 +6,10 @@ width: 300px; display: flex; align-items: center; - margin-top: 30px; } #circularProgress { margin-right: 50px; - margin-left: 20px; --diameter: 100px; --stroke-thickness: 5px; } diff --git a/samples/inputs/circular-progress-indicator/simple/App.razor b/samples/inputs/circular-progress-indicator/simple/App.razor index ebb09a2ab9..a9d68b6b5c 100644 --- a/samples/inputs/circular-progress-indicator/simple/App.razor +++ b/samples/inputs/circular-progress-indicator/simple/App.razor @@ -5,7 +5,6 @@ diff --git a/samples/inputs/circular-progress-indicator/styling/App.razor b/samples/inputs/circular-progress-indicator/styling/App.razor index 60bd1cb712..5aa100eb01 100644 --- a/samples/inputs/circular-progress-indicator/styling/App.razor +++ b/samples/inputs/circular-progress-indicator/styling/App.razor @@ -5,7 +5,6 @@ diff --git a/samples/inputs/rating/custom/App.razor b/samples/inputs/rating/custom/App.razor index f344077136..3c5490b358 100644 --- a/samples/inputs/rating/custom/App.razor +++ b/samples/inputs/rating/custom/App.razor @@ -34,7 +34,7 @@ { await this.RegisterIconRef.EnsureReady(); string fullHeart = ""; - string emptyHeart = ""; + string emptyHeart = ""; await this.RegisterIconRef.RegisterIconFromTextAsync("heart-full", fullHeart, "material"); await this.RegisterIconRef.RegisterIconFromTextAsync("heart-empty", emptyHeart, "material"); } diff --git a/samples/inputs/rating/single-selection/App.razor b/samples/inputs/rating/single-selection/App.razor index f48a9e6139..d1944a89b5 100644 --- a/samples/inputs/rating/single-selection/App.razor +++ b/samples/inputs/rating/single-selection/App.razor @@ -3,24 +3,24 @@
-
😣
-
😣
+ 😣 + 😣 -
πŸ˜”
-
πŸ˜”
+ πŸ˜” + πŸ˜” -
😐
-
😐
+ 😐 + 😐 -
πŸ™‚
-
πŸ™‚
+ πŸ™‚ + πŸ™‚ -
πŸ˜†
-
πŸ˜†
+ πŸ˜† + πŸ˜†
diff --git a/samples/inputs/select/styling/App.razor b/samples/inputs/select/styling/App.razor index b905f00219..087c3b4d05 100644 --- a/samples/inputs/select/styling/App.razor +++ b/samples/inputs/select/styling/App.razor @@ -11,19 +11,16 @@ Germany - DE France - FR Spain - ES @@ -33,19 +30,16 @@ USA - US Canada - CA Mexico - MX diff --git a/samples/inputs/textarea/resize/App.razor b/samples/inputs/textarea/resize/App.razor index 69fa8160a3..edac2d7577 100644 --- a/samples/inputs/textarea/resize/App.razor +++ b/samples/inputs/textarea/resize/App.razor @@ -1,10 +1,6 @@ @using IgniteUI.Blazor.Controls Start diff --git a/samples/layouts/tile-manager/actions/App.razor b/samples/layouts/tile-manager/actions/App.razor index 7a8a3e7a32..40c7279a21 100644 --- a/samples/layouts/tile-manager/actions/App.razor +++ b/samples/layouts/tile-manager/actions/App.razor @@ -4,15 +4,15 @@ -

Default Actions

+ Default Actions

This tile has default actions and title.

 -

No Fullscreen Action

+ No Fullscreen Action

Fullscreen is disabled via property.

 -

Custom Actions

+ Custom Actions

Replace the default actions with custom ones, and include extra actions when the tile is maximized.

@@ -22,7 +22,7 @@

Display only custom actions in the header.

 -

Only title

+ Only title

Display only title in the header.

 diff --git a/samples/layouts/tile-manager/overview/App.razor b/samples/layouts/tile-manager/overview/App.razor index 3b22861b78..c08b031033 100644 --- a/samples/layouts/tile-manager/overview/App.razor +++ b/samples/layouts/tile-manager/overview/App.razor @@ -3,7 +3,7 @@
-

Order info

+ Order info @@ -62,7 +62,7 @@ -

Order Line Items

+ Order Line Items
@@ -72,7 +72,7 @@
-

Carnavon Tigers

+ Carnavon Tigers
@@ -92,7 +92,7 @@
-

Guarana Fantastica

+ Guarana Fantastica
@@ -112,7 +112,7 @@
-

Vegie-spread

+ Vegie-spread
@@ -132,7 +132,7 @@
-

Rhonbrau Klosterbier

+ Rhonbrau Klosterbier
@@ -147,13 +147,13 @@
-

Order Value

+ Order Value

$8.66K

 -

Item quantity

+ Item quantity

4