Tailwind CSS Navbar - Props
The following props are available for navbar component. These are the custom props that come with we've added for the navbar component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant |
Variant | Change navbar variant | filled |
color |
Color | Change navbar color | white |
shadow |
boolean |
Add box-shadow for navbar | true |
blurred |
boolean |
Add blur backdrop effect for navbar and makes it's background color white | true |
full-width |
boolean |
Change navbar to a block level element and remove its border radius | false |
items |
array |
Set data to be shown in select | [] |
Types - Variant
type variant = "filled" | "gradient"
Types - Color
type variant =
| "blue-gray"
| "gray"
| "brown"
| "deep-blue"
| "blue"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red"
Items - Examples
{
text: string
href: string
}