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

Multi Cards

複数のフリップ可能なカード(メモリーゲームなど)を作成してコントロールすることができるISLEのコンポーネント。

オプション

  • animation | object: オブジェクトには名前(anim-scal-up のような)と持続時間(1.7s = 1.7秒のような)が含まれます。. Default: {}.
  • memory | boolean: 与えられた値のペアをマッチさせるメモリゲームモードを有効にするかどうか。. Default: none.
  • onChange | function: フリッパブルカードの行列を受け取る関数. Default: onChange() {}.
  • onMemoryComplete | function: メモリゲームが完了した場合に呼び出されるコールバック. Default: onMemoryComplete() {}.
  • oneTime | boolean: は、フリップ処理を一度だけ実行するかどうかを示します。. Default: false.
  • values | array<object>: は、それぞれのカードの値を frontback の入力フィールドを持つ配列に入力します。このような値は文字列でもよいが、本格的な ISLE コンポーネントでもよい。. Default: [].
  • style | object: CSSインラインスタイル. Default: {}.
  • containerStyle | object: カードコンテナのCSSスタイル. Default: {}.
  • frontStyle | object: カードの前面のCSSスタイル. Default: {}.
  • backStyle | object: カード裏面のCSSスタイル. Default: {}.

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

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