Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxToolbarItem.Items Property

Specifies a collection of the current item’s child items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public RenderFragment Items { get; set; }

#Property Value

Type Description
RenderFragment

A UI fragment that the browser renders in the corresponding component’s markup.

#Remarks

Use the Items property to specify the collection of child items of the current item. This collection contains only the items at the next level. To specify items further down the Toolbar hierarchy, use the Items property of a child item.

You can use the Items property to specify the items of a Toolbar’s root level.

Razor
<div class="card p-2">
  <DxToolbar>
      <DxToolbarItem GroupName="align" IconCssClass="oi oi-align-left" />
      <DxToolbarItem GroupName="align" IconCssClass="oi oi-align-center" />
      <DxToolbarItem GroupName="align" IconCssClass="oi oi-align-right" />
      <DxToolbarItem Text="Font Style" BeginGroup="true">
          <Items>
              <DxToolbarItem IconCssClass="oi oi-bold" 
                             Text="Bold" 
                             GroupName="bold" />
              <DxToolbarItem IconCssClass="oi oi-italic"  
                             Text="Italic" 
                             GroupName="italic" />
              <DxToolbarItem IconCssClass="oi oi-underline" 
                             Text="Underline" 
                             GroupName="underline" />
          </Items>
      </DxToolbarItem>
  </DxToolbar>
</div>

Toolbar Checked Items

Run Demo: Toolbar - Checked Items and Groups

See Also