Sha256: ddcd8ca59f3b98b4e93fb9cf4c87f7bd72edc2e553d44f51daa5ca92a3536a16

Contents?: true

Size: 779 Bytes

Versions: 37

Compression:

Stored size: 779 Bytes

Contents

/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
import { globalProps } from '../utilities/globalProps.js'
type FlexItemPropTypes = {
  children: array<React.ReactNode> | React.ReactNode,
  fixedSize: string,
  grow: boolean,
  className: string,
}

const FlexItem = (props: FlexItemPropTypes) => {
  const { children, className, fixedSize, grow } = props
  const growClass = grow === true ? 'grow' : ''
  const fixedStyle =
    fixedSize !== undefined ? { flexBasis: `${fixedSize}` } : null

  return (
    <div
        className={classnames(buildCss('pb_flex_item_kit', growClass), className, globalProps(props))}
        style={fixedStyle}
    >
      {children}
    </div>
  )
}

export default FlexItem

Version data entries

37 entries across 37 versions & 1 rubygems

Version Path
playbook_ui-7.3.0.pre.alpha2 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.7.0.pre.alpha1 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.7.0 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.6.1 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.0.pre.alpha10 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.6.0 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.5.2 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha12 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha11 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha10 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha9 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.5.1 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-6.5.0 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha8 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha7 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha6 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha5 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha4 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha3 app/pb_kits/playbook/pb_flex/_flex_item.jsx
playbook_ui-7.0.1.pre.alpha2 app/pb_kits/playbook/pb_flex/_flex_item.jsx