React Reference > ToolbarButton Component

<ToolbarButton />

Button component for the Toolbar. Using this component gives a nice default style.

Usage 

<Page
     renderToolbar = { () =>
      <Toolbar>
        <div className='left'><BackButton>Back</BackButton></div>
        <div className='center'>Input</div>
        <div className='right'>
          <ToolbarButton onClick={this.add} >Add</ToolbarButton>
        </div>
      </Toolbar>
     }>
      Page Content
    </Page>

Props

[improve this]
Name Type Description
modifier string The appearance of the button. Optional.
disabled bool Indicates whether the button is disabled. Optional.
icon string Creates an Icon component with this string. Optional.
onClick func This function will be called when the button is clicked. Optional.

Preset Modifiers

[improve this]
Name Description
material Material Design toolbar button.
outline A button with an outline.

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.