• Fab
  • ripple true/false

    Adds riple effect to the fab.
  • exited true/false

    Adds exited animated effect to fab.
  • mini true/false

    Shrinks the size of the fab.
  • primary true/false

    Adds primary color to button
  • secondary true/false

    Adds secondary color to button

import {h, Component} from 'preact';
import Fab from 'preact-material-components/Fab';
import 'preact-material-components/Fab/style.css';

export default class FabPage extends Component {
  render(){
    return (
      <div>
        <Fab>
          <Icon>favorite_border</Icon>
        </Fab>
        <Fab ripple={true}>
          <Icon>favorite_border</Icon>
        </Fab>
        <Fab mini={true}>
          <Icon>favorite_border</Icon>
        </Fab>
      </div>
    );
  }
}

<Fab><Fab.Icon>favorite_border</Fab.Icon></Fab>

<Fab ripple={true}><Fab.Icon>favorite_border</Fab.Icon></Fab>

<Fab mini={true}><Fab.Icon>favorite_border</Fab.Icon></Fab>

<Fab exited><Fab.Icon>directions_run</Fab.Icon></Fab>