Home
Tag Helpers
About
Accordion
Badge
Borders
Breadcrumb
Buttons
Cards
Carousel
Collapse
Dropdown
Figures
Form
Grid
Hints
List group
Menu
Modal
Navigation view
Pagination
Popover
Progress
Side navigation
Tabs
Default
10
Primary
11
Secondary
12
<metro-button color="Default" text="Default" class="mr-3"> <metro-badge class="bg-green fg-white">10</metro-badge> <metro-button> <metro-button color="Primary" text="Primary" class="mr-3"> <metro-badge class="bg-pink fg-white" inside="true">11</metro-badge> </metro-button> <metro-button color="Secondary" text="Secondary" class="mr-3" > <metro-badge class="bg-red fg-white" inline="true">12</metro-badge> </metro-button>
Profile
Calendar
Photo
10
Location
<ul class="d-menu open pos-static"> <li><a href="#"><span class="mif-user icon"></span> Profile</a></li> <li><a href="#">Calendar</<a></li> <li><a href="#">Photo <metro-badge class="bg-green fg-white" inline="true">10</metro-badge> </a></li> <li class="divider"></<li> <li><a href="#"><span class="mif-target icon"></span> Location</a></li> </ul>