Страница с тестами. Компонент Переключатель контента : Switcher.


  • Опа-опа! Это первый пункт.
  • Опа-опа! Второй элемент.
  • Опа-опа! Третий элемент.
  • Ты никогда меня не увидишь!

Анимации

Fade

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Bottom

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Left

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Right

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Horiontal

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Vertical

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Left Small

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Slide Right Small

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Другие компоненты

Tab Left

  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.

Tab Right

  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.

Кнопка

Ссылка

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Группа кнопок

Ссылка

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Nav

  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.
  • Приятно понимать, что переключатель контента твой друг, когда он играет с твоими веками, зовущему поиграть еще немножко. Но ты не волнуйся – не сейчас.

Subnav Pill

  • Приветик!
  • И снова здравствуйте!
  • Великолепно!

Параметры JavaScript

Опция Значение По умолчанию Описание
connect CSS selector ~.uk-switcher Контейнер для связанных элементов. По умолчанию последующие элементы с классом uk-switcher.
toggle CSS selector > * > :first-child Toggle селектор - запускает переключение контента по клику.
active Number 0 Active index on init.
(Предоставление отрицательного числа указывает позицию, начинающуюся с конца набора)
animation String false Разделенные пробелами названия анимаций для использования. (Запятая отдельно для анимации)
duration Number 200 Продолжительность анимации.
swiping Boolean true Использовать смахивание.