Lowdefy
  • Introduction
  • Tutorial
  • Concepts
  • Input Blocks
  • Display Blocks
    • Alert
    • Anchor
    • Avatar
    • Breadcrumb
    • Button
    • DangerousHtml
    • DangerousMarkdown
    • Descriptions
    • Divider
    • EChart
    • Html
    • Icon
    • Markdown
    • MarkdownWithCode
    • Menu
    • Message
    • MobileMenu
    • Notification
    • Paragraph
    • Progress
    • Statistic
    • Title
  • Container Blocks
  • Context Blocks
  • List Blocks
  • Connections
  • Actions
  • Operators

Breadcrumb

A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy with provided links.

Block
First/Second/
Block Setup
id: block_id
type: Breadcrumb
properties:
  list:
    - First
    - Second

Settings
properties:
Select list type
list:

Use a custom separator string.
Css style object to applied to breadcrumb.
layout:
style:
events:
required:
visible:
Breadcrumb JSON Schema Definition
type: object
properties:
  events:
    additionalProperties: false
    properties:
      onClick:
        description: >-
          Triggered when breadcrumb item is clicked. Provides clicked link and
          index as args.
        type: array
    type: object
  properties:
    additionalProperties: false
    properties:
      list:
        oneOf:
          - description: List of breadcrumb links.
            items:
              description: Title of the breadcrumb link.
              type: string
            type: array
          - description: List of breadcrumb links.
            items:
              properties:
                icon:
                  description: >-
                    Name of an Ant Design Icon or properties of an Icon block to
                    use an icon in breadcrumb link.
                  type:
                    - string
                    - object
                label:
                  description: Label of the breadcrumb link.
                  type: string
                pageId:
                  description: Page id to link to when clicked.
                  type: string
                style:
                  description: Css style to apply to link.
                  type: object
                url:
                  description: External url link.
                  type: string
              type: object
            type: array
      separator:
        default: /
        description: Use a custom separator string.
        type: string
      style:
        description: Css style object to applied to breadcrumb.
        type: object
    type: object
  

Was this helpful?

😭
😟
😊
😀
Edit this page on Github

Build internal tools with YAML.

hello@lowdefy.com

Subscribe to our newsletter

Receive the latest Lowdefy updates in your inbox.
Why Lowdefy
Quick Start Tutorial
Deploy to Netlify
How Lowdefy Works
Github Repository
Version Changelog
Apache-2.0 License
© 2021 Lowdefy, Inc. - Give. Easy. Value.