fcarrascosa-slider | Vaadin

A simple Slider made with lit-element


Uses lit-element ^2.0.1 Current Version codecov Build status Greenkeeper badge Published on webcomponents.org

A WebComponent Slider based on lit-element.

This is the Fcarrascosa Slider a simple easy-to-use webcomponents set to make a Web Slider.


Cloning the github repo

git clone https://github.com/fcarrascosa/fcarrascosa-slider


npm install fcarrascosa-slider


After registering FcarrascosaSlider and FcarrascosaSliderSlide classes into your document, you just have to declare them into your html code and you are ready to go.

    <fcarrascosa-slider-slide image="https://placehold.it/700x300?text=Image+1" caption="IMAGE 1 CAPTION">
    <fcarrascosa-slider-slide image="https://placehold.it/700x300?text=Image+2" caption="IMAGE 2 CAPTION" caption-alignment="right">
    <fcarrascosa-slider-slide image="https://placehold.it/700x300?text=Image+3" caption="IMAGE 3 CAPTION" caption-alignment="left">
    <fcarrascosa-slider-slide image="https://placehold.it/700x300?text=Image+4">


  1. Fork it!
  2. Create your feature branch: git checkout -b feature/my-new-feature
  3. Add your changes and commit them git commit -am 'Add some feature'*
  4. Push your branch gir push origin feature/my-new-feature
  5. Submit a pull request


Link to this version
ImportedReleased 28 May 2019ISC License
Framework Support
Browser Independent
Install with
npm install fcarrascosa-slider"@0.6.5"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.6.5


  • lit-element#^2.0.1