Можливості
Тур можливостями
Тур із поясненням з одного боку та самою можливістю, що працює наживо, з іншого.
Four things that are awkward to build by hand.
Each one is running live. Pick a tab, then try it.
01 · Hover & press
Feel it under the pointer
Feedback while something is true: the pointer is over it, it is pressed. Touch gets press feedback, not a sticky hover.
Pressed 0×
save-button.html
<button class="lift press">Save</button>Що рухається
Вибір вкладки рухає смугу прогресу й змінює текст поруч. Кожне демо справжнє: кнопка, що піднімається й натискається, статус, що йде за перемикачем, рядки, що з'являються, і плитки, що входять почергово.
Зібрано з
Код блока
pnpm add @voltui/componentsОдин standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.
Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.