blazor-devexpress-dot-blazor-dot-ribbon-8c2b0f9e.md
Defines the programmatic interface for the DxRibbonToggleItem component.
Namespace : DevExpress.Blazor.Ribbon
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public interface IRibbonToggleItem :
IRibbonItem,
IRibbonButtonBase<RibbonItemClickEventArgs>,
IRibbonGroupItem,
IRibbonGroupElement,
IRibbonElement,
IRibbonNode,
IRibbonInteractiveElement,
IRibbonIconSource,
IRibbonClickableItem<RibbonItemClickEventArgs>,
IRibbonGroupItemCollection
Use the IRibbonToggleItem interface to read and modify DxRibbonToggleItem component properties at runtime and customize the Ribbon toggle item appearance and behavior.
Obtain an IRibbonToggleItem instance with the @ref attribute or from Ribbon event arguments.
The following code snippet gets an IRibbonToggleItem reference and selects the item:
<DxRibbon>
<DxRibbonTab Text="Home">
<DxRibbonGroup>
<DxRibbonItem Text="Make Bold"
Click="CheckItem" />
<DxRibbonToggleItem Text="Bold"
IconCssClass="dx-icon-bold"
@ref="toggleItemRef" />
<DxRibbonToggleItem Text="Italic"
IconCssClass="dx-icon-italic" />
<DxRibbonToggleItem Text="Underline"
IconCssClass="dx-icon-underline" />
</DxRibbonGroup>
</DxRibbonTab>
</DxRibbon>
@code {
IRibbonToggleItem toggleItemRef;
void CheckItem(RibbonItemClickEventArgs e) {
toggleItemRef.Checked = true;
}
}
See Also