Можливості
Від коду до результату
Конфігурація ліворуч і компонент, який вона створює, праворуч — обидва беруться з одного значення, тому не можуть розходитися.
Source to result
Read the config. See the component.
const notice = { tone: 'success', title: 'Deployed to production', message: 'Build 482 is live in 14 regions.', action: 'View release',};Що рухається
Вибір сповіщення переписує код і змінює картку коротким згасанням із ввічливим озвучуванням. За зменшеного руху згасання пропускається.
Код блока
Встановити через CLI:
pnpm add @voltui/components lumen-iconsTypeScript
Завантаження редактора…
Один standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.
Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.