<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

Name Type Description
modifier string The appearance of the button. Optional.
disabled bool Indicates whether the button is disabled. Optional.

Preset Modifiers

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.