Core UI Functionalities are those any HTML UI built on Angular could use. They are not Mobile-specific nor depending on anything else that Angular itself, and you could use them with any css framework.
They are the same that 1.1 beside to be prefixed with ui- so use: ui-yield-to and ui-content-for.
| <div class="tab-container" id="outer-container"> | |
| <ul class="etabs"> | |
| <li class="tab active"><a href="#nested-tab-1">Tab 1</a></li> | |
| <li class="tab"><a href="#nested-tab-2" class="">Tab 2</a></li> | |
| <li class="tab"><a href="#nested-tab-3" class="">Contains more tabs</a></li> | |
| </ul> | |
| <div class="panel-container" style=""> | |
| <div id="nested-tab-1" style="display: block;" class="active" class="container-fluid"> | |
| <div class="row"> | |
| <table class="table table-borderless"> |
| <nav class="navbar"> | |
| <span class="navbar-toggle" id="js-navbar-toggle"> | |
| <i class="fa fa-bars"></i> | |
| </span> | |
| <a href="#" class="logo">logo</a> | |
| <ul class="main-nav" id="js-menu"> | |
| <li> | |
| <a href="#" class="nav-links active">Home</a> | |
| </li> | |
| <li> |
| <h2>Primary Buttons</h2> | |
| <button type="button" class="tbs-btn tbs-btn-primary waves-effect waves-light">Primary</button> | |
| <button type="button" class="tbs-btn tbs-btn-secondary waves-effect waves-light">Secondary</button> | |
| <button type="button" class="tbs-btn tbs-btn-success waves-effect waves-light">Success</button> | |
| <button type="button" class="tbs-btn tbs-btn-danger waves-effect waves-light">Danger</button> | |
| <button type="button" class="tbs-btn tbs-btn-warning waves-effect waves-light">Warning</button> | |
| <button type="button" class="tbs-btn tbs-btn-info waves-effect waves-light">Info</button> | |
| <button type="button" class="tbs-btn tbs-btn-light waves-effect waves-light">Light</button> | |
| <button type="button" class="tbs-btn tbs-btn-dark waves-effect waves-light">Dark</button> | |
| <button type="button" class="tbs-btn tbs-btn-link waves-effect waves-light">Link</button> |
| <div class="wrapper"> | |
| <div class="main"> | |
| <hr class="divider"> | |
| <h2>COMMON QUESTIONS</h2> | |
| <button class="tbs-accordion tbs-btn tbs-btn-lg tbs-btn-outline-success waves-effect waves-light">WHATS INCLUDED?</button> | |
| <div class="panel"> | |
| <div class="row"> | |
| <div class="columnings"> | |
| <div class="ingredients"> | |
| <img src="https://cdn.shopify.com/s/files/1/0954/4660/products/Beard_Honour_1800x1800.jpg?v=1560317563" alt=""> |