0 votes
in Onsen UI by
Fab Component in onsen UI

1 Answer

0 votes
by
Fab stands for floating action button

It is a circular button that is mostly displayed in bottom right corner of the app with specific function.

The position can be changed using the position props to the left / center.

More custom effects such as color changes, icons, ripple effect can be added using various props that onsen offers with this component.

Example:

<Ons.Fab

        style={{backgroundColor: ons.platform.isIOS() ? '#4182ab' : null}}

        onClick={this.handleClick}

        position='bottom left'>

        <Ons.Icon icon='md-cloud' />

      </Ons.Fab>

Related questions

0 votes
asked Feb 7, 2020 in Onsen UI by DavidAnderson
0 votes
0 votes
0 votes
asked Feb 7, 2020 in Onsen UI by DavidAnderson
...