Skip to main content

Class name

Ember uses class, while React uses className for defining CSS classes. CSS classes are used for associating styles with elements.

Ember​

The class attribute is used to define static CSS classes directly in the Handlebars template.

<p class='theme-text'>This text will match the site's theme</p>

React​

className is used instead of class to define CSS classes. This is because class is a reserved word in JavaScript so JSX has to avoid it for transpilation more info.

Live Editor
function ThemeText() {
	// see custom.css for defined class
	return (
		<p className="theme-text">This text will match the site's theme</p>
	)
}
Result
Loading...