メインコンテンツへスキップ

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() {}.

例としては、以下のようなものがあります。

ライブエディター
結果
ReferenceError: Provider is not defined