# j-Slider

> Този слайд работи само с 100% X-оси. Изход: процент (от 0 до 100).

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: f8b189deb97dee58e1afdaa4e19f4899f4afff11362debf931bb397605393bd3
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Този слайдър работи само с 100% X-оси. Изход: `percentage` (от 0 до 100).


__Конфигуриране__:

- `disabled {Boolean}` може да деактивира
- `steps {Number}` - броят на стъпките на 100%

Използвайте го с `<ui-component name="slider">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

```html example.html
<div style="max-width:300px">
	<ui-component name="slider" path="myrange"></ui-component>
	<ui-bind path="myrange" config="text:value + '%'" class="help block"></ui-bind>
	<br />
	<ui-component name="slider" path="myrange2"></ui-component>
	<ui-bind path="myrange2" config="text:value + '%'" class="help block"></ui-bind>
	<br />
	<ui-component name="slider" path="myrange" config="disabled:1"></ui-component>
	<ui-bind path="myrange" config="text:value + '%'" class="help block"></ui-bind>
</div>

<script>
	var myrange = 30;
	var myrange2 = 80;
</script>
```