Sha256: 67a202d74a6b14f1cd5b67d4ec0d4ce8bf9f9d4be6411feffc2bf58da4ba95f1

Contents?: true

Size: 838 Bytes

Versions: 6

Compression:

Stored size: 838 Bytes

Contents

import React from 'react'
import classnames from 'classnames'


export type CardProps = {
  children: string | React.Node | Array<React.Node>,
  shadow?: Boolean,
  shadowShallow?: Boolean,
  shadowDeep?: Boolean,
  shadowDeeper?: Boolean,
  shadowDeepest?: Boolean,
}

export default class Card extends React.Component<Props> {
  static defaultProps = {
    children: null,
    shadow: false,
    shadowShallow: false,
    shadowDeep: false,
    shadowDeeper: false,
    shadowDeepest: false,
  }
  props: Props
  render() {
    const {
      children,
      className,
      shadow,
      shadowShallow,
      shadowDeep,
      shadowDeeper,
      shadowDeepest,
    } = this.props
    const css = classnames([
      "card",
      className,
    ])
    return (
      <div className={css}>
        { children }
      </div>
    )
  }
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/Card/Card.jsx
playbook_ui-2.7.1 components/Card/Card.jsx
playbook_ui-2.7.0 components/Card/Card.jsx
playbook_ui-2.6.0 components/Card/Card.jsx
playbook_ui-2.5.0 components/Card/Card.jsx
nitro_sg-3.0.2 components/Card/Card.jsx