Ninety Percent Muffin


    1.2.2 • Public • Published


    Gitter npm version Published on Vaadin Directory

    This is the npm version vcf-breadcrumb developed using Polymer 3.

    Live demo | API documentation

    screenshot (1)


    Install vcf-breadcrumb:

    npm i @vaadin-component-factory/vcf-breadcrumb --save


    Once installed, import it in your application:

    import '@vaadin-component-factory/vcf-breadcrumb';

    Add <vcf-breadcrumbs> element to the page. Inside added element add few <vcf-breadcrumb> child elements, with href attribute. In case you want some <vcf-breadcrumb> elements to not be shown in mobile view, add attribute shift to those elements. When user click on <vcf-breadcrumb> element he/she will be navigated to ULR from href attribute of the element.

      <vcf-breadcrumb shift href="#">Home</vcf-breadcrumb>
      <vcf-breadcrumb href="#">Directory</vcf-breadcrumb>
      <vcf-breadcrumb href="#">Breadcrumb</vcf-breadcrumb>

    Running demo

    1. Fork the vcf-breadcrumb repository and clone it locally.

    2. Make sure you have npm installed.

    3. When in the vcf-breadcrumb directory, run npm install to install dependencies.

    4. Run npm start to open the demo.


    To contribute to the component, please read the guideline first.

    Vaadin Prime

    This component is available in the Vaadin Prime subscription. It is still open source, but you need to have a valid CVAL license in order to use it. Read more at:


    Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.

    Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see


    npm i @vaadin-component-factory/vcf-breadcrumb

    DownloadsWeekly Downloads





    Unpacked Size

    39.6 kB

    Total Files


    Last publish


    • jcgueriaud
    • vcf
    • jouni
    • onuridrisoglu
    • niiyeboah