main

vendors~floating-ui

@nodestrap/navbar

@cssfn/cssfn

@cssfn/react-cssfn

@cssfn/css-config

@nodestrap/hooks

@nodestrap/utilities

@nodestrap/responsive

@nodestrap/basic

@nodestrap/indicator

@nodestrap/container

@nodestrap/collapse

@nodestrap/toggler-menu-button

tiny-warning

@cssfn/css-selector

@cssfn/jss-plugin-nested

@cssfn/jss-plugin-short

@cssfn/jss-plugin-camel-case

@cssfn/jss-plugin-vendor

pascal-case

is-in-browser

camel-case

@cssfn/css-var

@nodestrap/colors

@nodestrap/borders

@nodestrap/spacers

@nodestrap/typos

@nodestrap/element

@nodestrap/accessibilities

@nodestrap/breakpoints

@nodestrap/popup

@nodestrap/control

@nodestrap/action-control

@nodestrap/check

@babel/runtime

hyphenate-style-name

css-vendor

tslib

no-case

@nodestrap/stripouts

@nodestrap/layouts

@nodestrap/editable-action-control

@nodestrap/icon

@nodestrap/button

lower-case

@nodestrap/editable-control

@nodestrap/validations

react

react-trigger-change

color

object-assign

@floating-ui/dom

@floating-ui/core

color-string

color-convert

color-name

simple-swizzle

is-arrayish

A responsive navigation header. Supports for branding, navigation and more.

# &lt;Navbar&gt;&lt;/Navbar&gt;
A responsive navigation header. Supports for branding, navigation and more.

## Preview

```jsx
<Navbar theme='primary' size='lg' gradient={true} outlined={true}>
    <NavbarMenu active={true}>Home</NavbarMenu>
    <NavbarMenu>About</NavbarMenu>
    // ...
</Navbar>
```
Rendered to:
```html
<nav class="c1 thPrimary szLg gradient outlined">
    // ...
</nav>
```

## Features
* Includes all features in [`<ActionControl />`](https://www.npmjs.com/package/@nodestrap/action-control).
* Customizable via [`@cssfn/css-config`](https://www.npmjs.com/package/@cssfn/css-config).

## Installation

Using npm:
```
npm i @nodestrap/navbar
```

## Support Us

If you feel our lib is useful for your projects,  
please make a donation to avoid our project from extinction.

We always maintain our projects as long as we're still alive.

[[Make a donation](https://ko-fi.com/heymarco)]


A responsive navigation header. Supports for branding, navigation and more. 

heymarco

@nodestrap/navbar

<Navbar></Navbar>

Preview

Features

Installation

Support Us

Keywords

Related posts

@nodestrap/navbar

<Navbar></Navbar>

Preview

Features

Installation

Support Us

Keywords

Related posts

OSI to Lead Discussions on Navigating the Challenges of Doing Business with Open Source

Introducing Dependency Visualization: An Interactive Way to See Dependencies at a Glance