UIKIT REACT Accordions

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.2/js/uikit.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.2/css/uikit.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/js/components/accordion.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/css/components/accordion.min.css">
<div id="container" data-uk-observe></div>

Babel + JSX

let Accordion = React.createClass({
  render: function() {
    return (
<form className="uk-search uk-search-default">
    <span data-uk-search-icon></span>
    <input className="uk-search-input" type="search" placeholder="" />
</form>
    );
  }
});

ReactDOM.render(
  <Accordion  />,
  document.getElementById('container')
);