Est-il possible d'utiliser la barre d'outils React de Kendo avec d'autres composants React?

Question

Nous avons mis à jour notre frontal qui utilise déjà l'interface utilisateur de Kendo pour jQuery avec ses composants React récemment sortis. L'un de nos composants existants est une barre d'outils qui contient des boutons et des menus déroulants, mais jusqu'à présent, il semble que vous ne pouvez utiliser que l'objet de configuration React Toolbars pour afficher quelque chose dans la barre d'outils. Ce qui est limitant à utiliser.

Est-il possible d'utiliser d'autres composants Kendo UI React ou même vos propres composants React à l'intérieur de la barre d'outils Kendo UI React?

Answer 1

La barre d'outils est l'enveloppe React de la barre d'outils de l'interface utilisateur jQuery kendo. Il n'est donc pas possible d'ajouter des composants de réaction à l'intérieur. https://www.telerik.com/kendo-react-ui/wrappers/buttons/toolbar/

La suite est maintenant étendue pour que les composants soient entièrement écrits sur React et qu'ils puissent être imbriqués les uns dans les autres. https://www.telerik.com/kendo-react-ui/components/buttons/

Les implémentations pures ne pas la barre d'outils, mais il a le ButtonGroup, le reste de la barre d'outils est tout simplement le style, et puisqu'il travaille avec le même thème, vous pouvez y arriver en établissant des noms de classe.

   <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>