Skip to main content

Paper

img

Usage​

import React from 'react'
import { Paper } from 'qdm-component-library'

function App() {
  return (
    <Paper
      inLineStyles={{
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}
      square={true}
      elevation={1}
      variant="outlined"
      onDoubleClick={() => console.log('paper clicked')}
      // children={'variant="outlined"'}
    />
  )
}
export default App

Reference​

Props​

className​

props for providing classname to Paper component string

id​

props for providing id to Paper component string

name​

props for providing name to Paper component string

elevation​

props for providing elevation to the Paper Component type number

variant​

props for providing variant to the Paper Component type 'elevation' | 'outlined'

inLineStyles​

props give addition props to the Paper Component type Object

children​

props for providing children for Paper Component React Node

square​

props for alter square shape for Paper Component boolean