dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-06-08 17:19:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add parent elements to Col component

Browse Source 
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon 2022-11-21 16:39:12 +01:00
parent e105399e15
commit 931062a3e7
Signed by: Florian Bouillon
GPG Key ID: E05B3A94178D3A7C
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/Col/index.tsx
View File

@ -1,8 +1,9 @@
import { objectOmit } from '@dzeio/object-util'
import React from 'react' import React from 'react'
import { buildClassName } from '../Util' import { buildClassName } from '../Util'
import css from './Col.module.styl' import css from './Col.module.styl'
interface Props { interface Props extends React.HTMLAttributes<HTMLDivElement> {
size?: 0|1|2|3|4|5|6|7|8|9|10|11|12 size?: 0|1|2|3|4|5|6|7|8|9|10|11|12
offset?: 1|2|3|4|5|6|7|8|9|10|11 offset?: 1|2|3|4|5|6|7|8|9|10|11
children?: React.ReactNode children?: React.ReactNode
@ -21,10 +22,25 @@ interface Props {
mobileGrow?: boolean mobileGrow?: boolean
} }
export default class Col extends React.Component<Props> { export default class Col extends React.Component<Props> {
public render = () => ( public render = () => (
<div className={buildClassName( <div {...objectOmit(
this.props,
"size",
"offset",
"children",
"className",
"nogrow",
"tabletSize",
"tabletoffset",
"tabletGrow",
"mobileSize",
"mobileoffset",
"mobileGrow"
)} className={buildClassName(
css.col, css.col,
// Normal // Normal