Режим # вкладок

План: Стартер і вище
Найкраще підходить для: Продуктів із 3–6 окремими інформаційними розділами

Що він робить

Перетворює кожен заголовок H2 на кнопку вкладки. Натискання вкладки відображає вміст лише цього розділу. Одночасно відображається лише один розділ, завдяки чому сторінка залишається чистою та впорядкованою.

3 стилі вкладок

Горизонталь — класична панель вкладок з активним індикатором
Пігулки — округлі кнопки у формі пігулок
Підкреслення — мінімальний стиль з індикатором нижньої межі

Налаштування

Стиль вкладки — Горизонтальний, Таблетки або Підкреслений
Колір активної вкладки — колір вибраної вкладки
Колір неактивної вкладки — колір невибраних вкладок
Tab Background — фон панелі вкладок
Content Background — фон області вмісту
Tab Font Size — розмір написів вкладок
Tab Spacing — відстань між табуляціями (px)
Радіус межі вкладки — закруглені кути для кнопок вкладки
Анімація — плавний або ковзний перехід між вкладками

Поради

Мітки вкладок повинні бути короткими (найкраще підходять 1-3 слова)
Використовуйте 3-6 вкладок для оптимального UX — занадто багато вкладок прокручуються на мобільному пристрої
За замовчуванням вибрано першу вкладку
На мобільних пристроях вкладки прокручуються горизонтально, якщо вони не підходять

Приклад результату

``

 
[Опис] [Характеристики] [Технічні характеристики] [Доставка] 
──────────────────────────────────────────── 
Вміст вибраної вкладки відображається тут...

``