<tbody id="" class="" style="">
</tbody>
<tbody id="{{id}}" class="{{modifier}}" style="{{style}}">
{{> @children}}
</tbody>
{
"id": null,
"modifier": null,
"style": null
}
import React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
const TableBody = (props) => {
return(
<tbody
id={props.id}
className={cx([props.modifier])}
>
{props.children}
</tbody>
);
};
TableBody.propTypes = {
id: PropTypes.string,
modifier: PropTypes.string
};
export default TableBody;
TableBody is our component for the <tbody> element used within tables.
<table>, usually after a <thead> element.