BootstrapIcon
This documentation provides a comprehensive reference for the BootstrapIcon component, guiding you through its configuration options.
Screenshot #
Setup #
Before using bootrap icons, include the Bootstrap Icons CSS file in your project.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object> | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ApplyColorToText | bool | False | If true, icon color is applied to the text. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the child content. | 1.0.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Color | BootstrapIconColor | None | Gets or sets the icon color. | 1.0.0 | |
| IconContainerCssClass | string | null | Gets or sets the CSS class for the icon container. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| IsSkeleton | bool | False | If true, the skeleton variant will be enabled. | 1.0.0 | |
| Name | BootstrapIconName | None | Gets or sets the bootstrap icon name. | 1.0.0 | |
| Size | BootstrapIconSize | None | Gets or sets the icon size. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TextCssClass | string | null | Gets or sets the CSS class for the text. | 1.0.0 |