Magnetic
Магнитное притяжение к курсору. Pro · Эффекты › Отклик на курсор и нажатие
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add magneticnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Magnetic } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
strength | number | 0.35 | Share of the pointer's distance from the centre that the content follows, 0–1. |
radius | number | 40 | How far outside the element the pull starts, px. |
disabled | boolean | false | Turns the pull off; the content stays in place. |
asChild | boolean | false | Moves the only child itself (a Button, an IconButton, a Card) instead of wrapping it in two spans: no extra elements, the child keeps its own layout, and the pull uses the individual translate property. |
Похожие компоненты
- Cursor Glow — Блик и наклон за курсором
- Tilt Card — 3D-наклон с бликом и параллаксом
- Ripple — Волна от нажатия в стиле Material
- Confetti — Конфетти: компонент и fireConfetti()
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
- Floating Tab Bar — Плавающая стеклянная панель вкладок
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hexagon Background — Сетка шестиугольников со светящимся следом
Назад: Cursor Glow · Далее: Tilt Card · Весь раздел «Эффекты»