Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | 1x 3x 3x 1x | // @flow import React, { Component } from 'react'; import MuiPaper from 'material-ui/Paper'; import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import getMuiTheme from 'material-ui/styles/getMuiTheme'; type Props = { /** Children passed int othe paper element */ children?: Node, /** Set ot true to generate a circular paper container */ circle?: boolean, /** By default, the paper container will have a border radius. * Set this to false to generate a container with sharp corners. */ rounded?: boolean, /** Override the inline-styles of the root element */ style?: Object, /** Set to false to disable CSS transitions for the paper element */ transitionEnabled?: boolean, /** This number represents the zDepth of the paper shadow */ zDepth?: propTypes.zDepth, }; const defaultProps = { children: null, circle: false, rounded: true, style: {}, transitionEnabled: true, zDepth: 1, }; /** A Dash material-ui Paper component */ export default class Paper extends Component<Props> { props: Props; render() { const {circle, rounded, style, transitionEnabled, zDepth} = this.props; return ( <div> <MuiThemeProvider muiTheme={getMuiTheme(lightBaseTheme)}> <MuiPaper circle={circle} rounded={rounded} style={style} transitionEnabled={transitionEnabled} zDepth={zDepth} > {this.props.children} </MuiPaper> </MuiThemeProvider> </div> ); } } Paper.defaultProps = defaultProps; |