jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
29 lines (27 loc) • 1.49 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id='Description'>
ReactJS Tabs demo. The jqxTabs can display a close button in each tab.
This can be achieved by setting the 'showCloseButtons' property to true.
In this demo we demonstrate how to show close buttons in all tabs and add an additional button next to the tabs.
</title>
<meta name="description" content="This React Tabs demo showcases how to use Tabs with close buttons"/>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxtabs.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
</head>
<body>
<div class="example-description" style="margin-bottom: 3em">
ReactJS Tabs demo. The jqxTabs can display a close button in each tab.
This can be achieved by setting the 'showCloseButtons' property to true.
In this demo we demonstrate how to show close buttons in all tabs and add an additional button next to the tabs.
</div>
<div id="app"></div>
<script src="../build/tabs_closebuttons.bundle.js"></script>
</body>
</html>