BulmaNavbarItem
Help to render item in a navbar.
object
Properties
type
Type: 'simple' | 'dropdown' | 'component' | 'html'
The content that will be rendered in the navbar item
display
Type: string | Component | HTMLElement
The content that will be rendered in the navbar item
link
Requires the item tag to be a to be used as its href
Type: string | undefined
The link that will be used for the navbar item
isExpanded
Type: boolean | undefined
Whether the navbar item can be expanded if there's available space
isActive
Type: boolean | undefined
Whether the navbar item is active
type = dropdown
dropdown
Type: object | undefined
Dropdown's items and styles
items
Type: any[]
Recommended type BulmaNavbarItem[]
The dropdown's items
null will render a dropdown divider
isArrowless
Type: boolean | undefined
Whether the dropdown should have an arrow
isBoxed
Type: boolean | undefined
Whether the dropdown should be a boxed style
isDropUp
Type: boolean | undefined
Whether the dropdown should open upwards
isHoverable
Type: boolean | undefined
Whether the dropdown should open on hover
isRight
Type: boolean | undefined
Whether the dropdown aligns its items to the right
type = component
props
Type: Record<string, any> | undefined
The props that will be passed to the component.
The key will be the prop name and the value will be the prop value
slot
Type: Record<string, string> | undefined
The slots that will be passed to the component.
The key will be the slot name and the value will be the slot content, html or component templates will not be parsed
Consider using slot templates instead of passing in html or components.