Directory

← Back

Breadcrumb Component

Web Component providing an easy way to display breadcrumb on web pages

Author

Rating

Popularity

300+

Usage

Web Component providing an easy way to display breadcrumb on web pages. Breadcrumbs will be separated by ">" symbol. Clicking on any breadcrumb(except last one) will navigate user to page which is represented by this breadcrumb. It's possible to hide some of breadcrumbs on smaller viewports.

Client-side implementation

This is the server-side (Java) API for Vaadin Platform for the vcf-breadcrumb component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-breadcrumb

Vaadin platform version

Support for Vaadin 14+ is starting from version 2.0.0.

License & Author

This Add-on is distributed under Apache 2.0

Component Factory Breadcrumb is written by Vaadin Ltd.

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

Breadcrumbs breadcrumbs = new Breadcrumbs();
breadcrumbs.add(
    new Breadcrumb("Home","breadcrumbs/#", true),
    new Breadcrumb("Components", "breadcrumbs/#", true),
    new Breadcrumb("VCF Components", "breadcrumbs/#"),
    new Breadcrumb("Breadcrumbs"));

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Update the license to Apache 2.0

Released
2020-12-14
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 14
Vaadin 10+ in 1.2.0
Vaadin 14+ in 2.0.0
Browser
N/A

Breadcrumb Component - Vaadin Add-on Directory

Web Component providing an easy way to display breadcrumb on web pages Breadcrumb Component - Vaadin Add-on Directory
## Usage Web Component providing an easy way to display breadcrumb on web pages. Breadcrumbs will be separated by ">" symbol. Clicking on any breadcrumb(except last one) will navigate user to page which is represented by this breadcrumb. It's possible to hide some of breadcrumbs on smaller viewports. ### Client-side implementation This is the server-side (Java) API for Vaadin Platform for the vcf-breadcrumb component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-breadcrumb ## Vaadin platform version Support for Vaadin 14+ is starting from version 2.0.0. ## License & Author This Add-on is distributed under Apache 2.0 Component Factory Breadcrumb is written by Vaadin Ltd. ### Sponsored development Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
View on GitHub
Online Demo

Breadcrumb Component version 1.2.0
updated client-side dependency to vcf-breadcrumb v1.2.0

Breadcrumb Component version 2.0.0
### Version 2.0.0 - Vaadin 14 compatible with both compatibility and npm mode

Breadcrumb Component version 2.0.1
Update the license to Apache 2.0

Online