Можливості
Історія зі скролом
Кроки, що нашаровуються під час скролу, на чистому CSS — звичайний список на малих екранах і за зменшеного руху.
How it works
From idea to shipped section in four moves.
Step 1: Describe the outcome
Start from what the visitor should be able to do, not from the screens. One sentence is enough.
Step 2: Compose from real parts
Assemble the section from components that already handle focus, state and theming.
Step 3: Check it in every theme
Semantic tokens mean the same markup holds up across presets, dark mode and your own palette.
Step 4: Ship the source
Copy the file, change the words, keep the behaviour. Nothing to install but what you already use.
Що рухається
Кожна картка залипає, а наступна насувається зверху. Рідний скрол не змінюється, тож сторінку ніщо не блокує; нижче брейкпойнта md або за зменшеного руху картки просто йдуть по порядку.
Код блока
pnpm add @voltui/componentsОдин standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.
Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.