title: How do you style custom data grid toolbar items?
body: <p>I have this toolbar with 2 custom buttons and 3 imported material data grid toolbar components, I want them to match but preferably apply the material styles to my custom components yet I can't find a style import for them anywhere in their docs. But anyway I can get them to match would be huge. Does anyone have some advice?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  const Toolbar = () =&gt; {
      return (
        &lt;GridToolbarContainer&gt;
          &lt;div
            className={classes.toolbar}
            onClick={() =&gt; {
              toggleSearch();
            }}
          &gt;
            &lt;SearchIcon /&gt;
            &lt;p&gt;SEARCH&lt;/p&gt;
          &lt;/div&gt;
          &lt;div
            className={classes.toolbar}
            onClick={() =&gt; {
              bookmarkCases(selectedRows);
            }}
          &gt;
            &lt;BookmarkBorderIcon /&gt;
            &lt;p&gt;SAVE CASES&lt;/p&gt;
          &lt;/div&gt;
          &lt;GridColumnsToolbarButton /&gt;
          &lt;GridDensitySelector /&gt;
          &lt;GridToolbarExport /&gt;
        &lt;/GridToolbarContainer&gt;
      );
    };</code></pre>
  </div>
  </div>
  </p>