Sha256: 1b18b5a8d01d18356a0266759d693e5d3944325754805c30d9295bda0d98ed67

Contents?: true

Size: 1.17 KB

Versions: 8

Compression:

Stored size: 1.17 KB

Contents

import React from 'react';
import classnames from 'classnames';
import PropTypes from "prop-types";

const propTypes = {
  children: PropTypes.oneOfType([
      PropTypes.arrayOf(PropTypes.node),
      PropTypes.node
  ]),
  className: PropTypes.string,
  container: PropTypes.bool,
  dark: PropTypes.bool,
  disable_hover: PropTypes.bool,
  single_line: PropTypes.bool,
  size: PropTypes.oneOf(["sm", "md", "lg"])
};

const defaultProps = {
  container: true,
  dark: false,
  disable_hover: false,
  single_line: false,
  size: "sm"
};

class Table extends React.Component {
  render() {
    const {
      children,
      className,
      container,
      dark,
      disable_hover,
      single_line,
      size
    } = this.props;

    const css = classnames([
      'pb_table',
      `table-${size}`,
      container ? `table-card` : null,
      dark ? `table-dark` : null,
      single_line ? `single-line` : null,
      disable_hover ? `no-hover` : null,
      className,
    ])

    return (
      <div>
        <table className={css}>
          {children}
        </table>
      </div>
    )
  }
}

Table.propTypes = propTypes;
Table.defaultProps = defaultProps;

export default Table;

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-2.9.8 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-2.9.7 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-2.9.6 app/pb_kits/playbook/pb_table/_table.jsx
playbook_ui-2.9.5 app/pb_kits/playbook/pb_table/_table.jsx