Accordion Button Card Carousel Dialog Dropdown Layout List group Navbar Navigation Navs and tabs
  • Nav
  • (Nav item)
Others Toast Typography

(Nav item) (nav_item)

Internal: to be used in the 'nav' components (nav, navbar-nav, etc).

🔗 External documentation.

ID Label Description Schema
link Link The link item.
active Active link Css class for whether the link corresponds to the current url. 
                        type: boolean
disabled Disabled link Html attribute to render the link unclickable. 
                        type: boolean
toggle Toggle The HTML ID of the pane to activate. 
                        type: string
pattern: '^[A-Za-z]+[\w\]*$'

                      
            id: nav_item
label: '(Nav item)'
description: "Internal: to be used in the 'nav' components (nav, navbar-nav, etc)."
group: 'Navs and tabs'
homepage: 'https://getbootstrap.com/docs/5.3/components/navs-tabs/'
slots:
    link:
        id: link
        label: Link
        description: 'The link item.'
props:
    active:
        id: active
        label: 'Active link'
        description: 'Css class for whether the link corresponds to the current url.'
        schema:
            type: boolean
    disabled:
        id: disabled
        label: 'Disabled link'
        description: 'Html attribute to render the link unclickable.'
        schema:
            type: boolean
    toggle:
        id: toggle
        label: Toggle
        description: 'The HTML ID of the pane to activate.'
        schema:
            type: string
            pattern: '^[A-Za-z]+[\w\]*$'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': nav_item
            link:
                '@element': a
                '@content': Link
                href: 'https://example.com'