Можно ли использовать панель инструментов Kendo React с другими компонентами React?

Question

Мы обновляли наш интерфейс, который уже использует Kendo UI для jQuery, с их недавно выпущенными компонентами React.

Одним из наших существующих компонентов является панель инструментов, на которой размещены некоторые кнопки и раскрывающиеся меню, но пока кажется, что вы можете использовать только собственный объект конфигурации панели инструментов React для визуализации чего-либо внутри панели инструментов. Что ограничивает в использовании.

Можно ли использовать другие компоненты React Kendo UI или даже ваши собственные компоненты React внутри панели инструментов Kendo UI React?

Answer 1

Панель инструментов - это оболочка React панели инструментов пользовательского интерфейса jQuery kendo. Таким образом, невозможно добавить компоненты реакции внутри него. https://www.telerik.com/kendo-react-ui/wrappers/buttons/toolbar/

Пакет теперь расширен, чтобы Компоненты были полностью написаны на React, и они могут быть вложены друг в друга. https://www.telerik.com/kendo-react-ui/components/buttons/

Чистая реализация не имеет панели инструментов, но у нее есть ButtonGroup, остальная часть панели инструментов - просто стилизация, и, поскольку она работает с той же темой, вы можете добиться этого, установив некоторые classNames.

             <div className="k-toolbar k-widget k-toolbar-resizable"> 
               <ButtonGroup width="300px">
                   <Button togglable={true} icon="bold">Bold</Button>
                   <Button togglable={true} icon="italic">Italic</Button>
                   <Button togglable={true} icon="underline">Underline</Button>
               </ButtonGroup >
               <div data-overflow="auto" className="k-separator">&nbsp;</div>
               <Button icon="bold">Bold</Button>
             </div>