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...