Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
Binary file not shown.
Binary file modified packages/igniteui-mcp/igniteui-doc-mcp/db/igniteui-docs.db
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -1946,7 +1946,7 @@ Or you can use the universal `--ig-button-size` variable to target all instances

```html
<div class="my-app">
<button igxButton="contained">Button</button>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Where did that come from? Cuz it's a bit wrong, the should pretty much always be content inside the button

<button igxButton="contained"></button>
</div>
```

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -99,11 +99,9 @@ export class PivotDataSelectorSampleComponent {
```
```html
<div class="pivot-container">
<div style="flex-grow: 1;">
<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="pivotConfigHierarchy" [height]="'850px'"
[superCompactMode]="true" [defaultExpandState]='true'>
</igx-pivot-grid>
</div>
<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="pivotConfigHierarchy" [height]="'850px'"
[superCompactMode]="true" [defaultExpandState]='true'>
</igx-pivot-grid>
<igx-pivot-data-selector [grid]="grid1"></igx-pivot-data-selector>
</div>
```
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,6 @@ In it, you can see how to define an accordion and its expansion panels. The samp
}
```


<div class="divider--half"></div>

## Getting Started with Blazor Accordion
Expand Down Expand Up @@ -341,7 +340,6 @@ The sample below demonstrates how elaborate filtering options can be implemented
}
```


<div class="divider--half"></div>

### Nested Blazor Accordions Scenario
Expand Down Expand Up @@ -453,7 +451,6 @@ In the following Blazor Accordion example is created a complex FAQ section in or
}
```


<div class="divider--half"></div>

## Keyboard Navigation
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,6 @@ public class CountryRenewableElectricity
}
```


<div class="divider--half"></div>

## Area Chart Recommendations
Expand Down Expand Up @@ -223,7 +222,6 @@ public class CountryRenewableElectricity
}
```


<div class="divider--half"></div>

## Blazor Area Chart with Multiple Series
Expand Down Expand Up @@ -322,7 +320,6 @@ public class CountryRenewableElectricity
}
```


<div class="divider--half"></div>

## Blazor Area Chart Styling
Expand Down Expand Up @@ -426,7 +423,6 @@ public class CountryRenewableElectricity
}
```


<div class="divider--half"></div>

## Advanced Types of Area Charts
Expand Down Expand Up @@ -532,7 +528,6 @@ public class CountryRenewableElectricity
}
```


<div class="divider--half"></div>

The following sections explain more advanced types of Blazor Area Charts that can be created using the [`IgbDataChart`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbDataChart.html) control instead of [`IgbCategoryChart`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbCategoryChart.html) control with simplified API.
Expand Down Expand Up @@ -681,7 +676,6 @@ public class TemperatureRangeData
}
```


<div class="divider--half"></div>

## Blazor Stacked Area Chart
Expand Down Expand Up @@ -862,7 +856,6 @@ public class ContinentsBirthRate
}
```


<div class="divider--half"></div>

## Blazor Stacked 100% Area Chart
Expand Down Expand Up @@ -1040,7 +1033,6 @@ public class ContinentsBirthRate
}
```


<div class="divider--half"></div>

## Blazor Stacked Spline Area Chart
Expand Down Expand Up @@ -1221,7 +1213,6 @@ public class ContinentsBirthRate
}
```


<div class="divider--half"></div>

## Blazor Stacked 100% Spline Area Chart
Expand Down Expand Up @@ -1398,7 +1389,6 @@ public class ContinentsBirthRate
}
```


<div class="divider--half"></div>

## Blazor Radial Area Chart
Expand Down Expand Up @@ -1547,7 +1537,6 @@ public class FootballPlayerStats
}
```


<div class="divider--half"></div>

## Blazor Polar Area Chart
Expand Down Expand Up @@ -1701,7 +1690,6 @@ public class BoatSailingData
}
```


<div class="divider--half"></div>

## Blazor Polar Spline Area Chart
Expand Down Expand Up @@ -1838,7 +1826,6 @@ public class BoatSailingData
}
```


<div class="divider--half"></div>

## Additional Resources
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,6 @@ The Ignite UI for Blazor Avatar helps to display initials, images, or icons in y
}
```


<div class="divider--half"></div>

## Usage
Expand Down Expand Up @@ -101,7 +100,6 @@ If the [`Initials`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Bl
}
```


### Image

The avatar can also display an image when the [`Src`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbAvatar.html#IgniteUI_Blazor_Controls_IgbAvatar_Src) attribute is assigned a valid URL to a static asset. In that case the [`Initials`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbAvatar.html#IgniteUI_Blazor_Controls_IgbAvatar_Initials) value will be ignored and children elements will not be rendered.
Expand All @@ -127,7 +125,6 @@ The avatar can also display an image when the [`Src`](https://www.infragistics.c
}
```


### Shape

The avatar supports three shapes - `circle`, `rounded`, and `square`. The default shape of the avatar is `square` and it can be changed via the `shape` attribute.
Expand Down Expand Up @@ -159,7 +156,6 @@ The avatar supports three shapes - `circle`, `rounded`, and `square`. The defaul
}
```


### Size

Apart from the shape, the size of the avatar can also be changed by utilizing the `--ig-size` CSS variable. The supported sizes are `small` (default), `medium`, and `large`. The following code snippet shows how to use a different component size:
Expand All @@ -185,7 +181,6 @@ igc-avatar {
}
```


### Styling

The [`IgbAvatar`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbAvatar.html) component exposes several CSS parts, giving you full control over its style:
Expand Down Expand Up @@ -227,7 +222,6 @@ igc-avatar::part(base) {
}
```


<div class="divider--half"></div>

## API References
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,6 @@ The Ignite UI for Blazor Badge is a component used in conjunction with avatars,
}
```


<div class="divider"></div>

## Usage
Expand Down Expand Up @@ -80,7 +79,6 @@ The Ignite UI for Blazor badge supports several pre-defined stylistic variants.
}
```


### Shape

The badge component supports `rounded`(default) and `square` shapes. These values can be assigned to the [`Shape`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbBadge.html#IgniteUI_Blazor_Controls_IgbBadge_Shape) attribute.
Expand All @@ -102,7 +100,6 @@ The badge component supports `rounded`(default) and `square` shapes. These value
}
```


### Dot

The Ignite UI for Blazor badge component can also render as a minimal dot indicator for notifications by setting its `dot` attribute. Dot badges do not support content, but they can be outlined and can use any of the available dot types (e.g., primary, success, info, etc.).
Expand All @@ -113,7 +110,6 @@ The Ignite UI for Blazor badge component can also render as a minimal dot indica




## Styling

The [`IgbBadge`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbBadge.html) component exposes a `base` CSS part that can be used to change all of its style properties.
Expand All @@ -138,7 +134,6 @@ igc-badge::part(base) {
}
```


<div class="divider--half"></div>

## API References
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,6 @@ The Ignite UI for Blazor Banner component provides a way to easily display a pro
}
```


## Usage

Before using the [`IgbBanner`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbBanner.html), you need to register it as follows:
Expand Down Expand Up @@ -321,7 +320,6 @@ The [`IgbBanner`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blaz
}
```


### Binding to events

The banner component emits the `Closing` and `Closed` events when being closed. The `Closing` event is cancelable - it uses the [`CustomEvent`](https://developer.mozilla.org/docs/Web/API/CustomEvent) interface and the emitted object has its `cancelable` property set to **true**. If we cancel the `Closing` event, the corresponding end action and event will not be triggered - the banner will not be closed and the `Closed` event will not be emitted.
Expand Down Expand Up @@ -571,7 +569,6 @@ Finally, we will add a [`IgbToast`](https://www.infragistics.com/blazor/docs/api
}
```


## Styling

The [`IgbBanner`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbBanner.html) component exposes several CSS parts which give you full control over its style:
Expand Down Expand Up @@ -744,7 +741,6 @@ igc-banner::part(content) {
}
```


## API References

- [`IgbBanner`](https://www.infragistics.com/blazor/docs/api/api/IgniteUI.Blazor.Controls.IgbBanner.html)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,6 @@ public class HighestGrossingMovies
}
```


<div class="divider--half"></div>

## Bar Chart Recommendations
Expand Down Expand Up @@ -339,7 +338,6 @@ public class OnlineShoppingSearches
}
```


<div class="divider--half"></div>

## Blazor Bar Chart with Multiple Series
Expand Down Expand Up @@ -493,7 +491,6 @@ public class HighestGrossingMovies
}
```


<div class="divider--half"></div>

## Blazor Bar Chart Styling
Expand Down Expand Up @@ -635,7 +632,6 @@ public class OnlineShoppingSearches
}
```


<div class="divider--half"></div>

## Blazor Stacked Bar Chart
Expand Down Expand Up @@ -807,7 +803,6 @@ public class EnergyRenewableConsumption
}
```


<div class="divider--half"></div>

## Blazor Stacked 100% Bar Chart
Expand Down Expand Up @@ -976,7 +971,6 @@ public class EnergyRenewableConsumption
}
```


<div class="divider--half"></div>

## Additional Resources
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -250,7 +250,6 @@ public class CountryStatsEurope
}
```


<div class="divider--half"></div>

## Blazor Bubble Chart with Single Series
Expand Down Expand Up @@ -421,7 +420,6 @@ public class WorldStats
}
```


<div class="divider--half"></div>

## Blazor Bubble Chart with Multiple Series
Expand Down Expand Up @@ -661,7 +659,6 @@ public class CountryStatsEurope
}
```


<div class="divider--half"></div>

## Blazor Bubble Chart Styling
Expand Down Expand Up @@ -837,7 +834,6 @@ public class WorldStats
}
```


<div class="divider--half"></div>

## Additional Resources
Expand Down
Loading
Loading