Застосунок
Dashboard
Брендована оболонка, числа, що набігають, і графік, який малює сам себе.
Overview
Live · updated just now
Revenue
$0
Active users
0
Orders
0
Conversion
0.00%
Visitors
Thousands per month
Activity
Marta Ibáñez deployed storefront
2 minutes ago
Dan Okoro approved invoice #4821
18 minutes ago
Priya Raman added 3 team members
1 hour ago
Tomás Vidal closed incident INC-233
3 hours ago
Що рухається
Числа набігають до свого значення, коли рядок уперше потрапляє в область перегляду — один раз і більше ніколи, а графік прокреслюється в міру появи. З увімкненим зменшенням руху обидва одразу показані завершеними.
Зібрано з
Код блока
Один standalone-компонент. Вставте його у проєкт, спрямуйте імпорти на свій шлях до Volt і підключіть кнопки до власних маршрутів.
Кожну анімацію тут захищає prefers-reduced-motion, а кольори походять із токенів теми — оберіть інший пресет перемикачем у шапці, і блок піде за ним.