Button 3D
Объёмная кнопка-клавиша: утапливается при нажатии и отпружинивает. Pro · 3D и моушн › 3D-кнопки, формы и текст
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add button-3dnpm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { Button3D } from 'valyro-ui-pro';Пропсы
| Prop | Type | Default | |
|---|---|---|---|
variant | 'primary' | 'accent' | 'secondary' | 'danger' | 'primary' | Fill: the theme's primary or accent colour, a light secondary key, or a red one for destructive actions. |
size | 'sm' | 'md' | 'lg' | 'md' | Height, padding and text size. |
depth | number | 6 | How far the key stands up from its base, px: the press travels that far. |
leftIcon | ReactNode | Icon or element before the label. | |
rightIcon | ReactNode | Icon or element after the label. | |
tilt | boolean | false | The key also leans towards a mouse in 3D. |
Похожие компоненты
- Switch 3D — Переключатель-кубик: перекатывается между «выкл» и светящимся «вкл»
- Shape Morph — Форма перетекает в другую: круг, капля, звезда, цветок — на пружине
- Path Text — Текст по кругу, дуге или волне: вращается со временем или прокруткой
- Reveal — Появление любого компонента при прокрутке: подъём, наплыв, 3D-разворот
- Stagger — Списки, сетки и строки таблиц появляются волной, один за другим
- Tilt — Наклон, подъём, блик и притяжение под курсором для любой карточки
- Layout Group — Перестановка без прыжков: фильтр, сортировка, перестроение сетки
- Presence — Появление и уход: элемент живёт, пока проигрывается выход
- Scene Backdrop — WebGL- или CSS-сцена под обычным интерфейсом: hero, карточки, дашборд
- Scroll Cylinder — Строки заголовка на вращающемся цилиндре — поворот от прокрутки
- Stacking Panels — Панели прилипают при прокрутке и складываются в стопку
- Helix Rail — Карточки на спирали, которая вращается от прокрутки
Назад: Word Prism · Далее: Switch 3D · Весь раздел «3D и моушн»