Closed desmondinho closed 4 months ago
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.
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
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
Set the child content
Set the height
Set the maximum width of the wrapper (e.g., sm, md, lg)
Set the sticky state (sticky to the top of the viewport)
Set the blurred state (backdrop blur)
Set the bordered state (bottom border)
Set CSS class names for each item slot
Navbar brand: A component representing the brand section of the navigation bar
Set the child content
Navbar content: A component representing the content section of the navigation bar
Set the child content
Set the alignment (e.g., left, right)
Navbar item: A component representing a navigation item within the content section
Set the child content
Navbar menu: A component representing a collapsible menu for the navigation bar
Set the child content
Get expanded by the
NavbarMenuToggle
Navbar menu item: A component representing a navigation item within the menu
Set the child content
Navbar menu toggle: A component representing a button that toggles the menu
Toggle the menu
Navbar context: A class representing the navigation bar context
Hold the
Navbar
componentHold the
NavbarMenu
componentHold the menu component's expansion state
Register the menu
Toggle the menu
Navbar slots: A class representing the various slot configurations for the
Navbar
Navbar
, it is the main container.Navbar
component, it contains components such asNavbarBrand
,NavbarContent
,NavbarToggle
and others.NavbarBrand
component.NavbarContent
component.NavbarItem
component.NavbarMenu
component.NavbarMenuItem
component.NavbarMenuToggle
component.NavbarMenuToggle
icon.Checklist