Material UI Base Fiddle

by Mayank Shukla

HTML

<script src="https://fb.me/react-with-addons-15.2.1.js"></script>
<script src="https://fb.me/react-dom-15.2.1.js"></script>
<script src="https://rawgit.com/nathanmarks/3f5196f5973e3ff7807f2bab4e603a37/raw/f409f3bf5902c211b358a3ebe7b6cd366da551e8/mui-umd.js"></script>
<div id="container"></div>

Babel + JSX

let closeImg = {cursor:'pointer', float:'right', marginTop: '5px', width: '20px'};
const { RaisedButton, MuiThemeProvider, getMuiTheme, Dialog } = MaterialUI;

 class SliderExampleControlled extends React.Component {

  render() {
    return (
      <div style={{width: '50%', margin: '0 auto'}}>
        <Dialog
	modal={false}
	open={true}
	title={
			<div>
				ABC 
				<img src='https://d30y9cdsu7xlg0.cloudfront.net/png/53504-200.png' style={closeImg}/>
			</div>
		}
>
	Hello
</Dialog>
      </div>
    );
  }

}

const App = () => (
  <MuiThemeProvider muiTheme={getMuiTheme()}>
    <SliderExampleControlled />
  </MuiThemeProvider>
);

ReactDOM.render(
  <App />,
  document.getElementById('container')
);