Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commitbded6a4

Browse files
committed
docs fixes
1 parent9be6ea2 commitbded6a4

File tree

2 files changed

+18
-5
lines changed

2 files changed

+18
-5
lines changed

‎docs/ui/components/inline-player.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ description: A simple, lightweight, accessible and customizable HTML5, YouTube a
66

77
##Sample demo
88

9-
```html example vendors height="500px"
9+
```html example vendors height="500px" libs="plyr"
1010
<divid="player-youtube"data-plyr-provider="youtube"data-plyr-embed-id="dQw4w9WgXcQ"></div>
1111

1212
<scriptsrc="$TABLER_CDN/dist/libs/plyr/dist/plyr.min.js"></script>
@@ -19,7 +19,7 @@ description: A simple, lightweight, accessible and customizable HTML5, YouTube a
1919

2020
##Vimeo file
2121

22-
```html example vendors height="500px"
22+
```html example vendors height="500px" libs="plyr"
2323
<divid="player-vimeo"data-plyr-provider="vimeo"data-plyr-embed-id="515937365"></div>
2424

2525
<scriptsrc="$TABLER_CDN/dist/libs/plyr/dist/plyr.min.js"></script>

‎docs/ui/components/range-slider.mdx‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,22 @@ All options and features can be found [**here**](https://refreshless.com/nouisli
99

1010
##Basic range slider
1111

12-
```html example centered
13-
<divdata-slider='{"js-name": "slider0","start": 50,"range": {"min": 0,"max": 100}}'></div>
14-
<pdemo-slider="slider0"></p>
12+
```html example centered vendors libs="nouislider" columns={1}
13+
<divid="range-simple"></div>
14+
15+
<script>
16+
document.addEventListener("DOMContentLoaded",function () {
17+
window.noUiSlider&& (noUiSlider.create(document.getElementById('range-simple'), {
18+
start:20,
19+
connect: [true,false],
20+
step:10,
21+
range: {
22+
min:0,
23+
max:100
24+
}
25+
}));
26+
});
27+
</script>
1528
```
1629

1730
That's only the basic features and options of range slider. More possibilities can be found[**here**](https://refreshless.com/nouislider/).

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp