Ripple
Волна от нажатия в стиле Material. Pro · Эффекты › Отклик на курсор и нажатие
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add ripplenpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Ripple } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
inline | boolean | true | Wrap inline, for buttons and chips. Pass false for full-width rows and cards. |
color | string | Ripple colour. Default: the text colour of the wrapped element. | |
disabled | boolean | false | Turns ripples off. A disabled wrapped element never ripples regardless. |
Похожие компоненты
- Cursor Glow — Блик и наклон за курсором
- Magnetic — Магнитное притяжение к курсору
- Tilt Card — 3D-наклон с бликом и параллаксом
- Confetti — Конфетти: компонент и fireConfetti()
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Tilt Card · Далее: Confetti · Весь раздел «Эффекты»