title: How to change icon position of semantic-ui react Accordion?
body: <p>The semantic-ui React <a href="https://react.semantic-ui.com/modules/accordion/" rel="nofollow noreferrer">page</a> has an example of an Accordion with the icon on the right hand side. </p>
  
  <p><a href="https://i.stack.imgur.com/yTFGT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yTFGT.png" alt="enter image description here"></a></p>
  
  <p>But the code doesn't explain how that is done. The Accordion component doesn't have icon props to change the icon or the position of the icon in shorthand.</p>
  
  <p>I would like to change the icon and the icon position of the Semantic-ui React Accordion in shorthand, ie, without having to maintain the component state manually eg: <code>&lt;Accordion defaultActiveIndex={0} panels={panels} /&gt;</code></p>
  
  <p>Is there a way to do this?</p>