Unclear docs, toolbar requires a CSS (bug)

Question

Hello,I want to report a "documentation bug"; for some days I faced the issue that all the toolbars in my app looked wrong, the buttons were vertical in multiples lines. The same behave happened with the Grid's toolbar as well as the RichTextEditor toolbar. I reviewed my code several times, read the respective documentation of the components and no idea what was wrong.Example in the following picture:It took me a while to realize that it was not an application bug, a missing div label, but in fact I was missing a CSS which it never was explicitly mentioned in the docs or the examples (at least for the Grid or the RichTextEditor). I just added this line to my scss and everything worked as expected@import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";Results:Please consider adding this to your documentation or a reference to the documentation where this is explained, as it was a bit time costly. In general terms I still think the components as well as the CSS and the docs are excelent.

Nevitha Ravi · Accepted Answer

Hi Vrsecobar, 

Greetings from Syncfusion Support. 

We have checked the reported case in our documentation. By default we have provided the dependent CSS to be referred for the corresponding component in the getting started page. Please refer the following links. 

GRID: https://ej2.syncfusion.com/react/documentation/grid/getting-started/#adding-css-reference 
RTE: https://ej2.syncfusion.com/react/documentation/rich-text-editor/getting-started/#adding-css-reference  
Toolbar:https://ej2.syncfusion.com/react/documentation/toolbar/getting-started/#adding-css-reference  

Please go through above links and share whether we need to add the details in any specific UG documentation. We will consider your valuable suggestion and update our UG once validating it our end. 

Regards, 
Nevitha