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