DxToolbarItem.Items Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

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

Property Value

Type Description
RenderFragment

A collection of items (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.

The items of a Toolbar’s root level can be specified via the Items property.

<div class="card-header p-2 bg-transparent">
  <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 and Radio Buttons

See Also