Material-ui: <Paper /> with closing tag?

Created on 1 Feb 2015  路  5Comments  路  Source: mui-org/material-ui

Currently I'm getting this error when trying to access the inner div to the Paper component: has no method 'getInnerContainer'

Also, this doesn't seem to be semantic to have to get a handle on the inner container. Would it be better to just have a closing tag and use this.props.children instead? Proposed change:

<Paper zDepth={1} rounded={false}>
  <div>Inner Custom Content...</div>
</Paper>

Most helpful comment

Did this ever get figured out?
I'd like to wrap some Card's in the Paper component.

All 5 comments

@cameronjroe Can you tell me what you're trying to do?

The Paper component actually generates a set of nested divs to generate the proper shadow styles.

I'm just trying to wrap some content with the paper component. The docs just show a single element though. http://material-ui.com/#/components/paper

You should be able to wrap any content with the paper component. In fact, that's how RaisedButtons are made. See - https://github.com/callemall/material-ui/blob/master/src/js/raised-button.jsx#L50

Sorry - this could be a little clearer in the docs.

Yeah I saw that in the source.

Did this ever get figured out?
I'd like to wrap some Card's in the Paper component.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

chris-hinds picture chris-hinds  路  3Comments

reflog picture reflog  路  3Comments

revskill10 picture revskill10  路  3Comments

ericraffin picture ericraffin  路  3Comments

finaiized picture finaiized  路  3Comments