JSFiddle - React, Tailwind, and code Playground

by dsgnr

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui vertical inverted sidebar menu left overlay visible">
        <div class="item">
            <a class="ui logo icon image" href="/"><img src=
            "http://placehold.it/40/cc095c/000000"></a> &nbsp;&nbsp; <a href="/" style=
            "font-weight: bold">Acme Inc.</a><br>
            <br>

            <div class="ui vertical fluid accordion inverted menu">
                <h4 class="ui dividing inverted header">Content Menu</h4>

                <div class="item">
                    <a class="active title"><i class="dropdown icon" tabindex=
                    "0"></i> Setting Entry</a>

                    <div class="active content">
                        <form class="ui inverted form" method="post">
                            <div class="grouped fields">
                                <div class="ui content labeled field">
                                    <div class=
                                    "ui fluid dropdown select selection"
                                    tabindex="0">
                                        <select>
                                            <option selected="selected" value="">
                                                Select...
                                            </option>

                                            <option value="1">
                                                Text
                                            </option>

                                            <option value="2">
                                                String
                                            </option>

                                            <option value="3">
                                                Boolean
                                            </option>
                                        </select><i...

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here

$('.ui.accordion').accordion();
$('.dropdown').dropdown();