The navigation bar contains links to your webpages. create simple and responsive navigation bars with FunUi.
AppBar
The AppBar creates a simple navigation bar with some links
| Prop | Description | Value(s) |
|---|---|---|
| `padding` | To give padding to your AppBar | `CSS padding values` |
| `fixedTop` | Create a fixed AppBar at the top | `Boolean` |
| `fixedBottom` | To create a fixed AppBar at the bottom | `Boolean` |
| `justify` | To justify the content | `CSS justify-content values` |
| `visibleLinks` | Don't hide the links on small screens | `Boolean` |
| `left` | Contents at the left side of the nav | `ReactNode` |
| `center` | Contents at the center of the nav | `ReactNode` |
| `right` | Contents at the right side of the nav | `ReactNode` |
#
Simple AppBar
This is a simple AppBar with a logo, some links and a button at the right
React / Next.js Show Source Code
#
SignUp and SignIn AppBar
This AppBar consist of a logo, a signIn button and a signUp button
React / Next.js Show Source Code
#
Login media AppBar with visible links
This AppBar consist of some links and media avatars, the links will show on everyscreen
React / Next.js Show Source Code