Премини към основното съдържание

Flippable Card

Компонент ISLE, който позволява визуализиране на две страни.

Опции​

  • button | string: етикет на бутона. Default: none.
  • draggable | boolean: контролира дали картата може да се плъзга. Default: false.
  • flipSpeedBackToFront | number: скоростта, с която картата преминава от фонов към преден план, в секунди. Default: 1.
  • flipSpeedFrontToBack | number: скоростта, с която картата преминава от преден към заден план, в секунди. Default: 1.
  • oneTime | boolean: указва дали процесът на обръщане може да се изпълни само веднъж. Default: false.
  • perspective | number: Стойност на CSS свойството за придаване на перспектива на 3D позициониран елемент. Default: 1000.
  • size | number: размер на картата (задава нейната широчина и височина). Default: 250.
  • disabled | boolean: контролира дали картата с възможност за обръщане е деактивирана. Default: false.
  • value | boolean: състояние на обръщане на картата (за контролиран компонент). Default: none.
  • defaultValue | boolean: първоначално състояние на обръщане на картата. Default: false.
  • containerStyle | object: CSS стил на контейнера. Default: {}.
  • frontStyle | object: CSS стил на предната карта. Default: {}.
  • backStyle | object: CSS стил на задната карта. Default: {}.
  • onChange | function: обратна връзка, задействана след обръщането на картата; получава текущото състояние на обръщане като единствен аргумент. Default: onChange() {}.

Примери​

Редактор в реално време
Резултат
ReferenceError: Provider is not defined