<ActionBar.Separator>

Render a separator in the <ActionBar>. An alternative to <ActionBar.Group> that avoids wrapping elements.

<ActionBar>
  <ActionBar.Label label="Label 1" />
  <ActionBar.Separator />
  <ActionBar.Label label="Label 2" />
  <ActionBar.Action>★</ActionBar.Action>
</ActionBar>

Interactive Demo

Label 1

Label 2

Props

This component doesn’t accept any props.

<ActionBar.Label><AutoField>