PHPackages zardo/bootstrap-slider - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. zardo/bootstrap-slider ActiveLibrary[Utility & Helpers](/categories/utility) zardo/bootstrap-slider ====================== A less buggy fork of the original bootstrap slider found on http://www.eyecon.ro/ by Stefan Petre. It was forked so we could update the slider since the original wasn't under version control. 035JavaScript Since Apr 10Pushed 12y ago1 watchersCompare [ Source](https://github.com/zardo/bootstrap-slider)[ Packagist](https://packagist.org/packages/zardo/bootstrap-slider)[ RSS](/packages/zardo-bootstrap-slider/feed)WikiDiscussions master Synced 2d ago READMEChangelogDependenciesVersions (1)Used By (0) bootstrap-slider [![Build Status](https://camo.githubusercontent.com/0a454bc247c097e0fbe90fbe3020d6919bbb6be2089ee579111b69dfb44f6a1f/68747470733a2f2f7472617669732d63692e6f72672f736569797269612f626f6f7473747261702d736c696465722e706e673f6272616e63683d6d6173746572)](https://travis-ci.org/seiyria/bootstrap-slider) ======================================================================================================================================================================================================================================================================================================================== [](#bootstrap-slider-) A "fork" of bootstrap-slider found on originally by Stefan Petre. Want to use this with Rails? [Check it out!](https://github.com/stationkeeping/bootstrap-slider-rails) Installation ============ [](#installation) Clone the repository, then run `npm install` Want to use bower? `bower install seiyria-bootstrap-slider` Examples ======== [](#examples) You can see all of our API examples [here](http://seiyria.github.io/bootstrap-slider/). Using bootstrap-slider ====================== [](#using-bootstrap-slider) Create an input element and call .slider() on it: ``` $("input.slider").slider(); ``` Options ======= [](#options) Options can be passed either as a data (data-slider-foo) attribute, or as part of an object in the slider call. The only exception here is the formater argument - that can not be passed as a data- attribute. NameTypeDefaultDescriptionidstring''set the id of the slider element when it's createdminfloat0minimum possible valuemaxfloat10maximum possible valuestepfloat1increment steporientationstring'horizontal'set the orientation. Accepts 'vertical' or 'horizontal'valuefloat,array5initial value. Use array to have a range slider.rangeboolfalsemake range slider. Optional if initial value is an array. If initial value is scalar, max will be used for second value.selectionstring'before'selection placement. Accepts: 'before', 'after' or 'none'. In case of a range slider, the selection will be placed between the handlestooltipstring'show'whether to show the tooltip on drag, hide the tooltip, or always show the tooltip. Accepts: 'show', 'hide', or 'always'tooltip\_separatorstring':'tooltip separatortooltip\_splitboolfalseif false show one tootip if true show two tooltips one for each handlerhandlestring'round'handle shape. Accepts: 'round', 'square' or 'triangle'reversedboolfalsewhether or not the slider should be reversedenabledbooltruewhether or not the slider is initially enabledformaterfunctionreturns the plain valueformatter callback. Return the value wanted to be displayed in the tooltipFunctions ========= [](#functions) FunctionDescription.slider(options)Initializes the slider.slider('getValue')Get the current value from the slider.slider('setValue', newValue)Set a new value for the slider.slider('destroy')Properly clean up and remove the slider instance.slider('disable')Disables the slider and prevents the user from changing the value.slider('enable')Enables the slider.slider('toggle')Toggles the slider between enabled and disabled.slider('isEnabled')Returns true if enabled, false if disabled.slider('setAttribute', \[attribute\], \[value\])Updates the slider's [attributes](#options).slider('refresh')Refreshes the current sliderEvents ====== [](#events) EventDescriptionslideStartThis event fires when dragging startsslideThis event fires when the slider is draggedslideStopThis event fires when the dragging stopsslideChangeThis event fires when the slider value changes via slider.setValue()slideEnabledThis event fires when the slider is enabledslideDisabledThis event fires when the slider is disabled ### Health Score 22 — LowBetter than 22% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity7 Limited adoption so far Community18 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 52.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/41dab194cda6dd0fa1299674a658ecb5662bd24eeef4a58c3efc3823fabdbfb4?d=identicon)[zardo](/maintainers/zardo) --- Top Contributors [![seiyria](https://avatars.githubusercontent.com/u/763609?v=4)](https://github.com/seiyria "seiyria (72 commits)")[![rahatarmanahmed](https://avatars.githubusercontent.com/u/3174006?v=4)](https://github.com/rahatarmanahmed "rahatarmanahmed (17 commits)")[![rovolution](https://avatars.githubusercontent.com/u/437318?v=4)](https://github.com/rovolution "rovolution (11 commits)")[![jkrehm](https://avatars.githubusercontent.com/u/999845?v=4)](https://github.com/jkrehm "jkrehm (5 commits)")[![raulfortes](https://avatars.githubusercontent.com/u/97687?v=4)](https://github.com/raulfortes "raulfortes (5 commits)")[![j0hnsmith](https://avatars.githubusercontent.com/u/118963?v=4)](https://github.com/j0hnsmith "j0hnsmith (4 commits)")[![jbogdani](https://avatars.githubusercontent.com/u/1449293?v=4)](https://github.com/jbogdani "jbogdani (3 commits)")[![James1x0](https://avatars.githubusercontent.com/u/6146261?v=4)](https://github.com/James1x0 "James1x0 (3 commits)")[![xke](https://avatars.githubusercontent.com/u/3505778?v=4)](https://github.com/xke "xke (2 commits)")[![dzaman](https://avatars.githubusercontent.com/u/3486978?v=4)](https://github.com/dzaman "dzaman (2 commits)")[![lamplightdev](https://avatars.githubusercontent.com/u/898995?v=4)](https://github.com/lamplightdev "lamplightdev (2 commits)")[![simshaun](https://avatars.githubusercontent.com/u/379519?v=4)](https://github.com/simshaun "simshaun (2 commits)")[![wdm954](https://avatars.githubusercontent.com/u/844423?v=4)](https://github.com/wdm954 "wdm954 (1 commits)")[![gslender](https://avatars.githubusercontent.com/u/2344457?v=4)](https://github.com/gslender "gslender (1 commits)")[![ebi](https://avatars.githubusercontent.com/u/11541?v=4)](https://github.com/ebi "ebi (1 commits)")[![cillierburger](https://avatars.githubusercontent.com/u/2149882?v=4)](https://github.com/cillierburger "cillierburger (1 commits)")[![bionut](https://avatars.githubusercontent.com/u/3835169?v=4)](https://github.com/bionut "bionut (1 commits)")[![ahumphreys87](https://avatars.githubusercontent.com/u/2510520?v=4)](https://github.com/ahumphreys87 "ahumphreys87 (1 commits)")[![Ixonal](https://avatars.githubusercontent.com/u/1368543?v=4)](https://github.com/Ixonal "Ixonal (1 commits)")[![kbav](https://avatars.githubusercontent.com/u/1261788?v=4)](https://github.com/kbav "kbav (1 commits)") ### Embed Badge ![Health badge](/badges/zardo-bootstrap-slider/health.svg) ``` [![Health](https://phpackages.com/badges/zardo-bootstrap-slider/health.svg)](https://phpackages.com/packages/zardo-bootstrap-slider) ``` ### Alternatives [3m5/typo3-enhanced-backend Improves the user experience (UI/UX), provides customization options for editors and enhances the look and feel of TYPO3 backend. 105.1k](/packages/3m5-typo3-enhanced-backend) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)