LumexUI / lumexui

🚀 A versatile Blazor UI library built using Tailwind CSS.
https://lumexui.org
MIT License
48 stars 2 forks source link

feat(components): add navigation bar component #39

Closed desmondinho closed 4 months ago

desmondinho commented 4 months ago

Description

Add the navbar component, along with the brand, toggle, menu, menu item, content and item components, to the component library.

Closes #38

What's been done?

Added the components mentioned above with the following abilities:

Navbar: A component representing a navigation bar

Navbar content: A component representing the content section of the navigation bar

  1. Root: the slot for the Navbar, it is the main container.
  2. Wrapper: the slot for the Navbar component, it contains components such as NavbarBrand, NavbarContent, NavbarToggle and others.
  3. Brand: the slot for the NavbarBrand component.
  4. Content: the slot for the NavbarContent component.
  5. Item: the slot for the NavbarItem component.
  6. Menu: the slot for the NavbarMenu component.
  7. MenuItem: the slot for the NavbarMenuItem component.
  8. Toggle: the slot for the NavbarMenuToggle component.
  9. ToggleIcon: the slot for the NavbarMenuToggle icon.

Checklist

codecov[bot] commented 4 months ago

Codecov Report

Attention: Patch coverage is 98.09524% with 2 lines in your changes missing coverage. Please review.

Project coverage is 98.22%. Comparing base (b539213) to head (b3ee682). Report is 1 commits behind head on main.

Files Patch % Lines
src/LumexUI/Components/Navbar/LumexNavbar.razor.cs 93.75% 0 Missing and 1 partial :warning:
...LumexUI/Components/Navbar/LumexNavbarMenu.razor.cs 94.44% 0 Missing and 1 partial :warning:
Additional details and impacted files ```diff @@ Coverage Diff @@ ## main #39 +/- ## ========================================== - Coverage 98.24% 98.22% -0.02% ========================================== Files 43 52 +9 Lines 968 1067 +99 Branches 101 104 +3 ========================================== + Hits 951 1048 +97 Misses 12 12 - Partials 5 7 +2 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.