<td id="" class="" style="">
</td>
<td id="{{id}}" class="{{modifier}}" style="{{style}}">
{{#if text}}{{{text}}}{{/if}}
{{> @children}}
</td>
{
"id": null,
"modifier": null,
"style": null,
"text": null
}
import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
const TableDataCell = (props) => {
return(
<td
id={props.id}
className={cx([props.modifier])}
>
{props.children}
</td>
);
};
TableDataCell.propTypes = {
id: PropTypes.string,
modifier: PropTypes.string
};
export default TableDataCell;
TableDataCell is our component for the <td> element used within tables. You can put anything you’d like inside of here.
<tr> element inside of a table.