Fusion
Component documentation for Fusion.
Fusion
Component documentation for Fusion.
Basic Usage
Fusion
Demo loads on client.
Real-world Scenarios
Button + Tooltip Bubble
Fusion ButtonTooltip
Demo loads on client.
Two Buttons
Fusion TwoButtons
Demo loads on client.
Two Options
Fusion TwoOptions
Demo loads on client.
Two Chips
Fusion TwoChips
Demo loads on client.
Two Status Dots
Fusion TwoStatusDots
Demo loads on client.
Two Icon Buttons
Fusion TwoIconButtons
Demo loads on client.
Avatar + Badge
Fusion AvatarBadge
Demo loads on client.
Chip + Icon
Fusion ChipIcon
Demo loads on client.
Mini Card + FAB
Fusion MiniCardFab
Demo loads on client.
API
TxFusion Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | boolean | undefined | undefined | Text（v-model）；undefined Text |
disabled | boolean | false | Description for disabled. |
trigger | 'hover' | 'click' | 'manual' | 'hover' | TriggerText；manual Text v-model Text |
direction | 'x' | 'y' | 'x' | TextDirection |
gap | number | 40 | Description for gap. |
duration | number | 260 | Description for duration. |
easing | string | 'cubic-bezier(0.2, 0.8, 0.2, 1)' | easing |
blur | number | 19 | Description for blur. |
alpha | number | 29 | Description for alpha. |
alphaOffset | number | -10 | Description for alphaOffset. |
Events
| Event | Params | Description |
|---|---|---|
change | (v: boolean) | Description for change. |
update:modelValue | (v: boolean) | v-model |
Was this helpful?