gd-bs/src/components/nav/templates.ts

Bootstrap JavaScript, TypeScript and Web Components library.

// Nav
export const HTML = `<ul class="nav"></ul>`;

// Link
export const HTMLLink = `
<li class="nav-item">
    <a class="nav-link" href="#"></a>
</li>`.trim();

// Tab
export const HTMLTab = `<div class="tab-pane" role="tabpanel"></div>`;

// Tabs
export const HTMLTabs = `
<div class="row">
    <div class="col">
        <ul class="nav" role="tablist"></ul>
        <div class="tab-content"></div>
    </div>
</div>`.trim();

// Vertical Tabs
export const HTMLVerticalTabs = `
<div class="row">
    <div class="col-3">
        <ul class="nav flex-column" role="tablist"></ul>
    </div>
    <div class="col-9">
        <div class="tab-content"></div>
    </div>
</div>`.trim();