jqwidgets-framework
Version:
jQWidgets is an advanced jQuery, Angular, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
39 lines (27 loc) • 1.36 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular Tabs CloseButtons</title>
<meta name="description" content="This is an example of close buttons in Angular Tabs." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />
<!-- jQWidgets -->
<script type="text/javascript" src="../scripts/demos.js"></script>
<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>
</head>
<!-- Display the application -->
<body>
<div class="example-description">
The Tabs 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>
<app-root>Loading...</app-root>
<script src="../aot/tabs_closebuttons.bundle.js"></script>
</body>
</html>