Lowdefy
  • Introduction
  • Tutorial
    • Getting started
    • Creating a page
    • Adding blocks
    • Interactive pages
    • Requests
    • Deploy to Netlify
    • Next steps
  • How To
    • Generate CSVs
    • Generate PDFs
  • Concepts
    • Overview
    • The CLI
    • Lowdefy App Schema
    • Context and State
    • Blocks
    • Layout
    • Connections and Requests
    • Events and Actions
    • Operators
    • Secrets
    • Lists
    • Hosting Files
    • Custom Code
    • Custom Blocks
  • Deployment
    • AWS Lambda
    • Docker
    • Netlify
    • Node.js
  • User Authentication
    • Introduction
    • OpenID Connect
    • Login and Logout
    • Protected pages
    • User object
    • Roles
  • Input Blocks
    • AutoComplete
    • ButtonSelector
    • CheckboxSelector
    • CheckboxSwitch
    • ChromeColorSelector
    • CircleColorSelector
    • ColorSelector
    • CompactColorSelector
    • DateRangeSelector
    • DateSelector
    • DateTimeSelector
    • GithubColorSelector
    • MonthSelector
    • MultipleSelector
    • NumberInput
    • Pagination
    • ParagraphInput
    • PasswordInput
    • RadioSelector
    • RatingSlider
    • S3UploadButton
    • Selector
    • SliderColorSelector
    • SwatchesColorSelector
    • Switch
    • TextArea
    • TextInput
    • TitleInput
    • TwitterColorSelector
    • WeekSelector
  • Display Blocks
    • Alert
    • Anchor
    • Avatar
    • Breadcrumb
    • Button
    • DangerousHtml
    • DangerousMarkdown
    • Descriptions
    • Divider
    • EChart
    • Html
    • Icon
    • Img
    • Markdown
    • MarkdownWithCode
    • Menu
    • Message
    • MobileMenu
    • Notification
    • Paragraph
    • Progress
    • Statistic
    • Title
  • Container Blocks
    • Affix
    • Badge
    • Box
    • Card
    • Collapse
    • Comment
    • ConfirmModal
    • Drawer
    • Label
    • Modal
    • Result
    • Span
    • Spin
    • Tabs
    • Tooltip
  • Context Blocks
    • Context
    • PageHCF
    • PageHCSF
    • PageHeaderMenu
    • PageHSCF
    • PageSHCF
    • PageSiderMenu
  • List Blocks
    • ControlledList
    • List
  • Connections
    • Amazon Redshift
    • Amazon S3
    • Axios HTTP
    • Elasticsearch
    • Google Sheets
    • Knex
    • MariaDB
    • MongoDB
    • Microsoft SQL Server
    • MySQL
    • PostgreSQL
    • SendGrid Email
    • SQLite
    • Stripe
  • Actions
    • CallMethod
    • JsAction
    • Link
    • Login
    • Logout
    • Message
    • Notification
    • Request
    • Reset
    • ResetValidation
    • ScrollTo
    • SetGlobal
    • SetState
    • Throw
    • Validate
    • Wait
  • Operators
    • _actions
    • _and
    • _args
    • _array
    • _base64
    • _change_case
    • _date
    • _diff
    • _divide
    • _eq
    • _event
    • _format
    • _function
    • _get
    • _global
    • _gt
    • _gte
    • _hash
    • _if
    • _if_none
    • _index
    • _input
    • _js
    • _json
    • _list_contexts
    • _location
    • _log
    • _lt
    • _lte
    • _math
    • _media
    • _menu
    • _mql
    • _ne
    • _not
    • _number
    • _nunjucks
    • _object
    • _operator
    • _or
    • _product
    • _random
    • _ref
    • _regex
    • _request
    • _secret
    • _state
    • _string
    • _subtract
    • _sum
    • _switch
    • _type
    • _uri
    • _url_query
    • _user
    • _uuid
    • _var
    • _yaml
  • Lowdefy Versions
    • v3.23.3
    • v3.22.0
    • v3.21.2
    • v3.20.4
    • v3.19.0
    • v3.18.1
    • v3.17.2
    • v3.16.5
    • v3.15.0
    • v3.14.1
    • v3.13.0
    • v3.12.6
v3.23.3/display/Breadcrumb/

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.