Slider
スライドショーやカルーセルで子を表示するコンポーネント。
オプション
- title |
(string|node)
: スライドショー/カルーセルの上部に表示されるタイトル. Default:none
. - dots |
boolean
: 下部にドットを表示して、スライドにすばやく移動できるようにしました。. Default:true
. - fade |
boolean
: スライド間の遷移にフェードを使用するかどうかを制御します。. Default:false
. - draggable |
boolean
: ユーザーがスライドをドラッグしてスライド間を移動できるかどうかを制御します。. Default:false
. - pagination |
string
: ページネーションをtop
,bottom
,both
.. Default:'bottom'
. - goto |
number
: プロパティが変更された場合、コンポーネントは、選択されたインデックスを持つスライドにジャンプします。. Default:0
. - infinite |
boolean
: スライドショーの内容をラップするかどうかを制御します。. Default:false
. - interval |
number
: 自動スライドチェンジの時間間隔を設定します。. Default:none
. - swipe |
boolean
: ドラッグ/スワイプ動作を可能にする. Default:false
. - style |
object
: CSSインラインスタイル. Default:{}
. - onClick |
function
: 前後ボタンをクリックした時に呼び出されるコールバック. Default:onClick() {}
.
例としては、以下のようなものがあります。
- Minimal
- Customize Pagination
- Slideshow
- Custom Styling
ライブエディター
結果
ReferenceError: Provider is not defined