forked from jimmy-byte/Hacktoberfest2023-codeshell
-
Notifications
You must be signed in to change notification settings - Fork 1
/
navigation-bar.html
35 lines (28 loc) · 1.15 KB
/
navigation-bar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div>
<b-navbar toggleable="lg" type="dark" variant="info">
<b-navbar-brand href="#">My Shop</b-navbar-brand>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-collapse id="nav-collapse" is-nav>
<!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto">
<b-nav-form>
<b-form-input size="sm" class="mr-sm-2" placeholder="Search"></b-form-input>
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
</b-nav-form>
<b-nav-item-dropdown text="Items" right>
<b-dropdown-item href="#">Electronics</b-dropdown-item>
<b-dropdown-item href="#">Food</b-dropdown-item>
<b-dropdown-item href="#">Drinks</b-dropdown-item>
</b-nav-item-dropdown>
<b-nav-item-dropdown right>
<!-- Using 'button-content' slot -->
<template #button-content>
<em>User</em>
</template>
<b-dropdown-item href="#">My Profile</b-dropdown-item>
<b-dropdown-item href="#">Log Out</b-dropdown-item>
</b-nav-item-dropdown>
</b-navbar-nav>
</b-collapse>
</b-navbar>
</div>