dropdown-floating-inheritance

by Banandrew

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class="ui floating dropdown icon button">
  <i class="user icon"></i>
  <div class="menu">
    <div class="item"><i class="edit icon"></i> Edit Post</div>
    <div class="item"><i class="delete icon"></i> Remove Post</div>
    <div class="item">
      <i class="dropdown icon"></i>
      Publish To Web
      <div class="menu">
        <div class="item">Google Docs</div>
        <div class="item">Google Drive</div>
      </div>
    </div>
  </div>
</div>

CSS

body {
    padding: 5em;
}

JavaScript

$('.ui.dropdown')
	.dropdown()