blazor-devexpress-dot-blazor-0ecd72be.md
Lists values that specify the icon’s position within the button.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum ButtonIconPosition
| Name | Description |
|---|---|
BeforeText |
The icon is placed before the button’s text.
|
| AfterText |
The icon is placed after the button’s text.
|
The following properties accept/return ButtonIconPosition values:
The ButtonIconPosition enumeration values specify the position of the icon in a button. Use the IconPosition property to define the icon’s position.
<DxButton RenderStyle="ButtonRenderStyle.Dark" Text="Accept" IconCssClass="accept" />
<DxButton RenderStyle="ButtonRenderStyle.Dark" Text="Email" IconCssClass="email" IconPosition="ButtonIconPosition.AfterText" />
.accept {
height: 18px;
width: 18px;
background-image: url("images/accept.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
margin: 0px 5px;
}
.email {
height: 18px;
width: 18px;
background-image: url("images/email.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
margin: 0px 5px;
}
See Also