600 West

Tableheadercell 

<th id="" class="" style="">

</th>
 
<th id="{{id}}" class="{{modifier}}" style="{{style}}">
    {{#if text}}{{{text}}}{{/if}}
    {{> @children}}
</th>
 
{
  "id": null,
  "modifier": null,
  "style": null,
  "text": null
}
  • Content: 
    import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';

const TableHeaderCell = (props) => {
    return(
        <th
            id={props.id}
            className={cx([props.modifier])}
        >
            {props.children}
        </th>
    );
};

TableHeaderCell.propTypes = {
    id: PropTypes.string,
    modifier: PropTypes.string
};

export default TableHeaderCell;
  • URL: /components/raw/th/TableHeaderCell.jsx
  • Filesystem Path: components/atoms/TableHeaderCell/TableHeaderCell.jsx
  • Size: 412 Bytes

TableHeaderCell

A TableHeaderCell is a fancy way of saying the <th> element to be used inside of tables to make the heading.

Best Practices

  • Only ever use this in a <tr> that is inside of a <table> or else you’re a maniac.