Skip to content

UI 组件清单(完整)

本页列出 全部组件 与模板标签(含别名)。

1. 基础组件

组件标签说明JS Wrapper
UIElementPanel, div通用容器UIElementWrapper
LabelLabel, text, span文本显示(静态/动态)LabelWrapper
TextElement(无直接标签)文本基类TextElementWrapper
ButtonButton按钮ButtonWrapper

2. 输入组件

组件标签说明JS Wrapper
TextFieldTextField, input单行输入TextFieldWrapper
TextAreaTextArea多行输入TextAreaWrapper
ToggleToggle, checkbox复选ToggleWrapper
SwitchSwitch开关SwitchWrapper
SelectorSelector, select下拉选择SelectorWrapper
SearchComponentSearchComponent, search搜索选择SearchComponentWrapper
ColorSelectorColorSelector, colorpicker颜色选择ColorSelectorWrapper
TagFieldTagFieldNBT/Tag 输入TagFieldWrapper

3. 容器组件

组件标签说明JS Wrapper
ScrollerViewScrollerView, scroll可滚动容器ScrollerViewWrapper
Scroller (V)vscroller垂直滚动条ScrollerWrapper
Scroller (H)hscroller水平滚动条ScrollerWrapper
SplitViewSplitView可拖拽分割SplitViewWrapper
TabViewTabView标签页容器TabViewWrapper
TabTab标签页头TabWrapper
MenuMenu树形菜单MenuWrapper
TreeListTreeList, tree树形列表TreeListWrapper
VirtualListVirtualList虚拟列表VirtualListWrapper
DialogDialog, modal对话框DialogWrapper
FormForm表单FormWrapper
FieldField表单字段FieldWrapper

4. 展示组件

组件标签说明JS Wrapper
ProgressBarProgressBar, progress进度条ProgressBarWrapper
GraphViewGraphView, graph可缩放画布GraphViewWrapper
EntityViewEntityView, entityviewer, entitydisplay, entity-preview实体展示EntityViewWrapper
ChatHistoryViewChatHistoryView, chat-history, chathistory聊天记录UIElementWrapper
VideoPlayerVideoPlayer, video视频播放UIElementWrapper

5. 槽位组件

组件标签说明JS Wrapper
DisplaySlotDisplaySlot物品展示槽DisplaySlotWrapper
ItemSlotItemSlot, item-slot交互槽位ItemSlotWrapper
InventorySlotsInventorySlots玩家背包槽位InventorySlotsWrapper

6. Ponder 组件

组件标签说明JS Wrapper
PonderElementPonder, PonderElementPonder 容器UIElementWrapper
PonderPlayerPonderPlayer, PonderUIPonder 播放器UIElementWrapper
PonderRuntimeUIPonderRuntime, PonderRuntimeUI, PonderIndexPonder 索引视图UIElementWrapper

7. 内置/特殊组件

组件标签说明JS Wrapper
TeleportTeleport, portal传送节点UIElementWrapper
KeepAliveKeepAlive组件缓存UIElementWrapper
SuspenseSuspense异步占位UIElementWrapper
Dynamic Componentcomponent :is=...动态组件UIElementWrapper