Menu list (menu_list)

A sort title, when clicked, expands a list of links.

🔗 External documentation.

                        type: array
items:
    type: object
    properties:
        title:
            type: string
        attributes:
            $ref: '#/$defs/attributes_value'
        below:
            type: object

                      

            id: menu_list
label: 'Menu list'
description: 'A sort title, when clicked, expands a list of links. '
homepage: 'https://protocol.mozilla.org/components/detail/menu-list.html'
variants:
    default:
        id: default
        label: Default
    download:
        id: download
        label: Download
slots:
    title:
        id: title
        label: Title
props:
    items:
        id: items
        label: 'Menu items'
        description: 'A nested list of menu items.'
        schema:
            type: array
            items:
                type: object
                properties:
                    title:
                        type: string
                    attributes:
                        $ref: '#/$defs/attributes_value'
                    below:
                        type: object
library:
    js:
        'https://data.dilla.io/protocol_1/components/menu_list/menu_list_init.js': {  }
    dependencies:
        - details
    id: menu_list
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': menu_list
            title: 'Meet the Family'
            items:
                -
                    title: Lockwise
                    url: '#'
                -
                    title: Monitor
                    url: '#'
                -
                    title: Data
                    url: '#'
                -
                    title: 'Slightly longer menu item for testing'
                    url: '#'