diff options
author | eug-vs <eug-vs@keemail.me> | 2021-03-18 12:16:57 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-03-18 12:49:34 +0300 |
commit | d2988b99143aabec88467212cfca5891bf6f6bd3 (patch) | |
tree | 7582b24dadd7092c4f52afb8f1d93910e715560e /src/components/Paper.tsx | |
parent | 080d245283c2c91d890fa2c4d8c5ec4b1514fa7c (diff) | |
download | commercel-ui-d2988b99143aabec88467212cfca5891bf6f6bd3.tar.gz |
feat: remove default margin from Paper
Diffstat (limited to 'src/components/Paper.tsx')
-rw-r--r-- | src/components/Paper.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/Paper.tsx b/src/components/Paper.tsx index 5e2604f..f285dab 100644 --- a/src/components/Paper.tsx +++ b/src/components/Paper.tsx @@ -2,6 +2,7 @@ import React from 'react'; interface Props { variant?: 'elevation' | 'outlined'; + className?: string; } const style = { @@ -9,9 +10,9 @@ const style = { outlined: 'bg-gray-50 border border-gray-300', }; -const Paper: React.FC<Props> = ({ variant = 'elevation', children }) => { +const Paper: React.FC<Props> = ({ variant = 'elevation', className, children }) => { return ( - <div className={`p-5 m-5 bg-white rounded-md shadow ${style[variant]}`}> + <div className={`p-5 bg-white rounded-md shadow ${style[variant]} ${className}`}> {children} </div> ); |