Example of Type in Blazor Rich Text Editor Component

Rich Text Editor / Toolbar / Type

This sample demonstrates the various display modes supported by the Rich Text Editor's Toolbar. Change the Toolbar type to see how the toolbar arranges items when they don't fit in the viewing area.

Toolbar Type

The Rich Text Editor allows supports to set different display modes using Type property of RichTextEditorToolbarSettings. The possible types are as follows,

  • Expand - The Toolbar hides the overflowing items in the next row. Click the expand arrow to view the overflowing Toolbar items.
  • MultiRow - The Toolbar shows the overflowing items in the next row.
  • Scrollable - The Toolbar displays all the items in a single line with horizontal scrolling enabled when commands overflow to available space.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE