status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved Paragraph layout component

This commit is contained in:
apanizo 2018-08-27 18:07:56 +02:00
parent a044a02861
commit d60b9a7af6
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/layout/Paragraph/index.js
View File

@ -12,17 +12,18 @@ type Props = {
size?: 'sm' | 'md' | 'lg' | 'xl', size?: 'sm' | 'md' | 'lg' | 'xl',
color?: 'soft' | 'medium' | 'dark' | 'primary', color?: 'soft' | 'medium' | 'dark' | 'primary',
transform?: 'capitalize' | 'lowercase' | 'uppercase', transform?: 'capitalize' | 'lowercase' | 'uppercase',
children: React$Node children: React$Node,
className?: string,
} }
class Paragraph extends React.PureComponent<Props> { class Paragraph extends React.PureComponent<Props> {
render() { render() {
const { const {
bold, children, color, align, size, transform, noMargin, ...props bold, children, color, align, size, transform, noMargin, className, ...props
} = this.props } = this.props
return ( return (
<p className={cx(styles.paragraph, { bold }, { noMargin }, size, transform, align)} {...props}> <p className={cx(styles.paragraph, className, { bold }, { noMargin }, size, transform, align)} {...props}>
{ children } { children }
</p> </p>
) )