Skip to content

React

Components

Use dedicated React Semantic UI components in React. The React versions of Semantic UI components have normally implemented some logic, which is crucial for the component to work correctly. The plain CSS semantic UI might not have all the features available when you use them in react.

✅ DO

import React, {Component} from 'react';

class MyAccordion extends Component {}

  render(){
    <Accordion key={agg.title}/>
  }

❌ DON'T

import React, {Component} from 'react';

class MyAccordion extends Component {}
  render(){
    <div className="ui accordion" key={agg.title}></div>
  }