React Semantic HTML

MUI CSS sets default style properties for a few useful HTML elements that can be used within React apps:

import React from 'react';
import ReactDOM from 'react-dom';

class Example extends React.Component {
  render() {
    return (
      <div>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6</h6>
        <hr />
        <div>
          <a href="#">Links</a>
        </div>
        <div>
          <strong>Strong</strong>
        </div>
        <div>
          <em>Emphasis</em>
        </div>
        <div>
          <abbr title="Abbreviation">Abbr</abbr>
        </div>
      </div>
    );
  }
}

ReactDOM.render(<Example />, document.getElementById('example'));
View in new tab »
« Previous Next »