Element: <oj-toolbar>

Applies a bottom border to the toolbar, or to the oj-toolbars element, in themes not having this border by default.

<oj-toolbar id="myToolbar" aria-label="Foo" aria-controls="bar" class="oj-toolbar-bottom-border">
  <oj-button ...></oj-button>
  <span role="separator" aria-orientation="vertical" class="oj-toolbar-separator"></span>
  <oj-button ...></oj-button>
</oj-toolbar>

Removes chrome (background and border) from the toolbar(s), in themes having this chrome by default.

<oj-toolbar id="myToolbar" aria-label="Foo" aria-controls="bar" class="oj-toolbar-no-chrome">
  <oj-button ...></oj-button>
  <span role="separator" aria-orientation="vertical" class="oj-toolbar-separator"></span>
  <oj-button ...></oj-button>
</oj-toolbar>

Separators should be placed around any buttonsets in the toolbar, and anywhere else in the toolbar that a separator is desirable.
For accessibility, additionally apply role and aria-orientation as shown.

<oj-toolbar id="myToolbar" aria-label="Foo" aria-controls="bar">
  <oj-button ...></oj-button>
  <span role="separator" aria-orientation="vertical" class="oj-toolbar-separator"></span>
  <oj-button ...></oj-button>
</oj-toolbar>

Applies a top border to the toolbar, or to the oj-toolbars element, in themes not having this border by default.

<oj-toolbar id="myToolbar" aria-label="Foo" aria-controls="bar" class="oj-toolbar-top-border">
  <oj-button ...></oj-button>
  <span role="separator" aria-orientation="vertical" class="oj-toolbar-separator"></span>
  <oj-button ...></oj-button>
</oj-toolbar>