Layout Group
Перестановка без прыжков: фильтр, сортировка, перестроение сетки. Pro · 3D и моушн › Моушн для любых компонентов
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add layout-groupnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { LayoutGroup } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
asChild | boolean | false | Animates the items of the only child (a grid, a list, a tbody) instead of wrapping it in a div. |
selector | string | The items that move, as a selector inside the container. Default: its element children. | |
spring | SpringName | The spring of the moves. Default: the theme's --ui-motion-spring. | |
resize | boolean | Also animate size changes with scale (text stretches for a moment); by default items slide and take their new size at once. | |
enter | boolean | Items that appear fade and grow in. | |
disabled | boolean | Off: items jump to their new places. |
Похожие компоненты
- Reveal — Появление любого компонента при прокрутке: подъём, наплыв, 3D-разворот
- Stagger — Списки, сетки и строки таблиц появляются волной, один за другим
- Tilt — Наклон, подъём, блик и притяжение под курсором для любой карточки
- Presence — Появление и уход: элемент живёт, пока проигрывается выход
- Scene Backdrop — WebGL- или CSS-сцена под обычным интерфейсом: hero, карточки, дашборд
- Scroll Cylinder — Строки заголовка на вращающемся цилиндре — поворот от прокрутки
- Stacking Panels — Панели прилипают при прокрутке и складываются в стопку
- Helix Rail — Карточки на спирали, которая вращается от прокрутки
- Scroll Scene — Сцена на прокрутке: закреплённый экран меняет картинку по шагам, шкала прогресса
- Parallax Layers — Слои глубины, которые сдвигаются от прокрутки и курсора
- Orbit Showcase — 3D-кольцо карточек: перетаскивание с инерцией, стрелки, клавиатура
- Coverflow Carousel — 3D-карусель товаров на нативной прокрутке: свайп с инерцией, стрелки, клавиатура
Назад: Tilt · Далее: Presence · Весь раздел «3D и моушн»