Lists Others Tabs

Breadcrumbs (breadcrumbs)

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. Taken from Michael Richins because doesn't exist in

🔗 External documentation.

ID Label Description Schema
items Items 
                        type: array
items:
    type: object
    properties:
        title:
            type: string
        attributes:
            $ref: '#/$defs/attributes_value'
        below:
            type: object

                      
            id: breadcrumbs
label: Breadcrumbs
description: "Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. Taken from Michael Richins because doesn't exist in "
homepage: 'https://m2.material.io/'
variants:
    default:
        id: default
        label: Default
    dark:
        id: dark
        label: Dark
        description: 'The last item is barely visibile. It is an upstream issue.'
props:
    items:
        id: items
        label: Items
        schema:
            type: array
            items:
                type: object
                properties:
                    title:
                        type: string
                    attributes:
                        $ref: '#/$defs/attributes_value'
                    below:
                        type: object
library:
    css:
        'https://data.dilla.io/material_2/components/breadcrumbs/breadcrumbs.css': {  }
    id: breadcrumbs
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': breadcrumbs
            items:
                -
                    title: Home
                    url: '#'
                -
                    title: Library
                    url: '#'
                -
                    title: Data

Default ( default )

Dark ( dark )

The last item is barely visibile. It is an upstream issue.