Global nav (global_nav)

🔗 External documentation.

ID Label Description Schema
logo Logo
logo_label Logo label
submenus Sub menus A sequence of nav_submenu components controlled bu the menu items.
nav_id ID 
                        type: string
label ARIA Label 
                        type: string
logo_url Logo URL 
                        type: string
format: iri-reference
menu Menu 
                        type: object

                      
            id: global_nav
label: 'Global nav'
homepage: 'https://design-system.w3.org/components/navigation.html'
slots:
    logo:
        id: logo
        label: Logo
        descritpion: 'An image element'
    logo_label:
        id: logo_label
        label: 'Logo label'
    submenus:
        id: submenus
        label: 'Sub menus'
        description: 'A sequence of nav_submenu components controlled bu the menu items.'
props:
    nav_id:
        id: nav_id
        label: ID
        schema:
            type: string
    label:
        id: label
        label: 'ARIA Label'
        schema:
            type: string
    logo_url:
        id: logo_url
        label: 'Logo URL'
        schema:
            type: string
            format: iri-reference
    menu:
        id: menu
        label: Menu
        schema:
            type: object
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': global_nav
            logo_url: '#'
            logo:
                '@element': image
                src: 'https://www.w3.org/assets/logos/w3c/w3c-no-bars.svg'
                alt: W3C
            logo_label: 'Visit the W3C homepage'
            menu: null