Hexagon Background
Сетка шестиугольников со светящимся следом. Pro · Эффекты › Фоны
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add hexagon-backgroundnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { HexagonBackground } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
hexagonSize | number | 75 | Width of one hexagon, px (default 75); a very large area gets larger cells so the grid stays light. |
hexagonMargin | number | 3 | Gap between hexagons, px (default 3). |
hexagonProps | ComponentPropsWithoutRef<'span'> | Props for every hexagon cell (a class to restyle them, data attributes). |
Похожие компоненты
- Aurora Background — Медленное северное сияние за контентом
- Gradient Background — Медленно перетекающий градиент
- Bubble Background — Мягкие цветные пузыри, один следует за курсором
- Stars Background — Звёздное небо с параллаксом за курсором
- Hole Background — Тоннель-портал с кольцами и частицами
- Fireworks Background — Фейерверк для побед и достижений, запуск по клику
- Spotlight — Сценические лучи и прожектор за курсором
- Meteors — Падающие метеоры
- Background Pattern — Фоновые точки, сетка и линии с затуханием
- Particles — Поле частиц, реагирующее на курсор
- Glass Lens — Стеклянная линза с настоящим преломлением
- Morphing Capsule — Капсула, перетекающая между состояниями
Назад: Stars Background · Далее: Hole Background · Весь раздел «Эффекты»