import React from 'react';

import {Page, Icon, Ripple, Fab,   SpeedDial, SpeedDialItem, Button} from 'react-onsenui';

import MyToolbar from './MyToolbar';

export default class extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      modifier: 'material',
    };
  }
  render() {
    return (
      <Page>
            <SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>
          <Fab> <Icon
            icon='fa-twitter'
            size={26}
            fixedWidth={false}
            style={{verticalAlign: 'middle'}} />
        </Fab>
        <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>
        <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>
        <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>
        <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>
      </SpeedDial>
      </Page>
    );
  }
}

@@ -33,33 +33,32 @@
 rt %7B
+%0A  
 Page,
+%0A 
  Icon,
+%0A
  
-Ripple,
  Fab,
- 
+%0A
   Sp
@@ -65,16 +65,18 @@
 eedDial,
+%0A 
  SpeedDi
@@ -86,15 +86,33 @@
 tem,
- 
+%0A  Toolbar,%0A  Back
 Button
+%0A
 %7D fr
@@ -136,46 +136,8 @@
 ';%0A%0A
-import MyToolbar from './MyToolbar';%0A%0A
 expo
@@ -283,16 +283,17 @@
   %7D%0A
+%0A
   render
 () %7B
@@ -288,16 +288,23 @@
   render
+Toolbar
 () %7B%0A   
@@ -320,26 +320,283 @@
 %0A      %3C
-Page%3E%0A    
+Toolbar%3E%0A        %3Cdiv className='left'%3E%0A          %3CBackButton%3EBack%3C/BackButton%3E%0A        %3C/div%3E%0A        %3Cdiv className='center'%3E%0A          Speed Dial%0A        %3C/div%3E%0A      %3C/Toolbar%3E%0A    );%0A  %7D%0A%0A  render() %7B%0A    return (%0A      %3CPage renderToolbar=%7Bthis.renderToolbar%7D%3E%0A
         
@@ -721,15 +721,29 @@
 Fab%3E
+%0A           
  %3CIcon%0A
+  
     
@@ -780,16 +780,18 @@
         
+  
 size=%7B26
@@ -792,16 +792,18 @@
 ze=%7B26%7D%0A
+  
         
@@ -825,16 +825,18 @@
 %7Bfalse%7D%0A
+  
         
@@ -884,16 +884,18 @@
         
+  
 %3C/Fab%3E%0A 
@@ -893,32 +893,34 @@
  %3C/Fab%3E%0A        
+ 
+ 
 %3CSpeedDialItem o
@@ -969,32 +969,34 @@
 /SpeedDialItem%3E%0A
+  
         %3CSpeedDi
@@ -1053,32 +1053,34 @@
 /SpeedDialItem%3E%0A
+  
         %3CSpeedDi
@@ -1145,32 +1145,34 @@
 alItem%3E%0A        
+  
 %3CSpeedDialItem o
@@ -1225,24 +1225,26 @@
 edDialItem%3E%0A
+  
       %3C/Spee

Update Speed Dial demo