react-data-menu
Version:
Smart data-driven menu rendered in an overlay
38 lines (37 loc) • 2.23 kB
HTML
<html>
<head>
<title>React Data Menu - Smart data-driven menu for ReactJS</title>
<!-- Meta -->
<meta name="description" content="Smart data-driven menu rendered in an overlay. Hints-based aligning with custom renderers and factories. Never clipped by other components or screen edges.">
<meta name="author" content="Danko Kozar">
<meta name="keywords" content="React, ReactJS, menu, popup, pop-up, dropdown, drop, down, drop-down, context, multi, multiple, level, depth, tree, node, data, driven, data-driven, hint, hints, align, aligning, position, custom, renderers, factories, clip, clipped, clipping, child, children, screen, edge, sibling, style, styling, HTML, CSS, XML, JavaScript">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<!-- Styles -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.min.css" />
<![endif]-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
.github-fork-ribbon {
background-color: #e31d65;
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none; /* Disable selection/copy in UIWebView */
}
</style>
<link rel="stylesheet" type="text/css" href="./demo/styles.css">
</head>
<body>
<div id="root"></div>
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/dkozar/react-data-menu">Fork me on GitHub</a>
</div>
</div>
<script src="./demo/bundle.js"></script>
</body>
</html>