This sample demonstrates the different toolbar configurations of the Rich Text Editor UI component. Use the dropdown controls to change the toolbar type and position dynamically.
The Rich Text Editor UI toolbar can be configured using the toolbarSettings property. The toolbar supports different types and positions: Toolbar Type - Controls how toolbar items are displayed: Expanded: Hides overflowing items in the next row, with an expand arrow to view them. MultiRow: Automatically wraps items to the next row. Scrollable: Displays all items in a single row with horizontal scrolling. Toolbar Position - Controls where the toolbar is placed: Top: Toolbar appears above the editor (default). Bottom: Toolbar appears below the editor. Enable Floating - The enableFloating property enables floating mode for the toolbar, allowing the toolbar to remain accessible while scrolling through the editor content.