600 West

Tablerow 

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

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

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

export default TableRow;
  • URL: /components/raw/tr/TableRow.jsx
  • Filesystem Path: components/molecules/TableRow/TableRow.jsx
  • Size: 393 Bytes

TableRow

TableRow is our component for the <tr> element used within tables.

Best Practices

  • the TableRow element can be used within both the TableBody and TableHead components, and must use the children TableStandardCell or TableHeaderCell. Don’t try to put anything else in here.
  • Always use within a <table>.