Skip to content

本页由 schema/aura.at 生成(Plan 435 P5)—— 勿手改;再生成: auto docs gen(推荐;测试内等价 DOCS_GEN_UPDATE=1 cargo test -p auto-lang --test docs_gen) tier 语义:builtin_widget=桌面有实现;native_html=Web 原生直通。 shadcn 家族组件的活文档/Demo 见 widgets-gallery(本页仅收核心层)。

内置组件(builtin_widget) ​

alert_dialog ​

builtin_widget · alert_dialog · web: component · iced: unknown · category: overlay

demo →

Alert dialog container

别名:AlertDialog alert-dialog alertdialog

PropTypeDefaultDescription
openstate_ref—Open state binding
class`union: stringclass_binding`—

子件:alert_dialog_action alert_dialog_cancel alert_dialog_content alert_dialog_description alert_dialog_footer alert_dialog_header alert_dialog_title alert_dialog_trigger


alert_dialog_action ​

builtin_widget · alert_dialog_action · web: component · iced: unknown · category: overlay

Alert dialog action button

别名:alert-dialog-action alertdialog-action alertdialogaction

PropTypeDefaultDescription
textstring—Action button text
onclickmsg_ref—Click handler
class`union: stringclass_binding`—

alert_dialog_cancel ​

builtin_widget · alert_dialog_cancel · web: component · iced: unknown · category: overlay

Alert dialog cancel button

别名:alert-dialog-cancel alertdialog-cancel alertdialogcancel

PropTypeDefaultDescription
textstring—Cancel button text
class`union: stringclass_binding`—

alert_dialog_content ​

builtin_widget · alert_dialog_content · web: component · iced: unknown · category: overlay

Alert dialog content

别名:alert-dialog-content alertdialog-content alertdialogcontent

PropTypeDefaultDescription
class`union: stringclass_binding`—

alert_dialog_description ​

builtin_widget · alert_dialog_description · web: component · iced: unknown · category: overlay

Alert dialog description

别名:alert-dialog-description alertdialog-description alertdialogdescription

PropTypeDefaultDescription
textstring—Description text
class`union: stringclass_binding`—

builtin_widget · alert_dialog_footer · web: component · iced: unknown · category: overlay

Alert dialog footer

别名:alert-dialog-footer alertdialog-footer alertdialogfooter

PropTypeDefaultDescription
class`union: stringclass_binding`—

alert_dialog_header ​

builtin_widget · alert_dialog_header · web: component · iced: unknown · category: overlay

Alert dialog header

别名:alert-dialog-header alertdialog-header alertdialogheader

PropTypeDefaultDescription
class`union: stringclass_binding`—

alert_dialog_title ​

builtin_widget · alert_dialog_title · web: component · iced: unknown · category: overlay

Alert dialog title

别名:alert-dialog-title alertdialog-title alertdialogtitle

PropTypeDefaultDescription
textstring—Title text
class`union: stringclass_binding`—

alert_dialog_trigger ​

builtin_widget · alert_dialog_trigger · web: component · iced: unknown · category: overlay

Alert dialog trigger

别名:alert-dialog-trigger alertdialog-trigger alertdialogtrigger

PropTypeDefaultDescription
as_childboolfalseUse child as trigger
class`union: stringclass_binding`—

article ​

builtin_widget · article · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Article

props 待声明


aside ​

builtin_widget · aside · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Aside

props 待声明


autodown ​

builtin_widget · autodown · web: component · iced: unknown · category: content

AutoDown document renderer, read-only (plan 040 tag 主名翻转 markdown→autodown; @autodown/engine StreamingRenderer on vue — superset composing MarkdownRender, autodown-core parse_blocks on VM)

别名:markdown markdown_editor

PropTypeDefaultDescription
content`union: stringstate_ref`—
final`union: boolstate_ref`true
streaming`union: boolstate_ref`false
placeholder_block_id`union: stringstate_ref`—
placeholder_height`union: floatstate_ref`—
scroll_sync`union: boolstate_ref`true
table_col_widthsstate_ref—Table column widths state: Map<tableKey str, List<px float>> keyed 't{blockHash}' (VM arm consumed since PLAN-045 — header-edge drag lands per-table key, persists across re-renders; vue arm ignores — no engine consumer)
dark_mode`union: boolstate_ref`false
accent`union: stringstate_ref`indigo
class`union: stringclass_binding`—

子件:autodown_editor


autodown_editor ​

builtin_widget · autodown_editor · web: component · iced: unknown · category: form

AutoDown block editor (plan 019 Phase 3 shell; @autodown/engine AutoDownEditor on vue, cosmic-text block buffers on VM)

别名:autodowneditor

PropTypeDefaultDescription
keystring—Stable state-storage identity (VM editor shell registry key)
content`union: stringstate_ref`—
placeholder`union: stringstate_ref`—
final`union: boolstate_ref`true
can_editbooltrueWhether the editor is interactive (vue arm: canEdit)
show_actionsbooltrueShow editor action bar (vue arm: showActions)
dark_mode`union: boolstate_ref`false
accent`union: stringstate_ref`indigo
oninputmsg_ref—Message on document edit (payload via autodown_editor_text(key) on VM)
onchangemsg_ref—Alias of oninput
class`union: stringclass_binding`—

avatar ​

builtin_widget · avatar · web: component · iced: full · category: content

demo →

P1 extracted from production tables; props TBD

别名:Avatar

PropTypeDefaultDescription
srcstring—Image source URL
altstring—Alt text for accessibility
fallbackstring—Fallback text when image fails

子件:avatarfallback avatarimage


b ​

builtin_widget · b · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


badge ​

builtin_widget · badge · web: component · iced: partial · category: feedback

demo →

Badge for status or labels

别名:Badge

PropTypeDefaultDescription
textstring—Badge text
variant`one_of: defaultsecondarydestructive
class`union: stringclass_binding`—

btn ​

builtin_widget · btn · web: none · iced: full · category: content

P1 extracted from production tables; props TBD

props 待声明


button ​

builtin_widget · button · web: component · iced: full · category: content

demo →

A clickable button element

别名:Button

PropTypeDefaultDescription
textstring—Button label text
onclickmsg_ref—Message to send when clicked
class`union: stringclass_binding`—
disabled`union: boolstate_ref`false
variant`one_of: defaultsecondarydestructive
size`one_of: smdefaultlg
iconstring—Icon name shown alongside the label

center ​

builtin_widget · center · web: component · iced: full · category: content

demo →

P1 extracted from production tables; props TBD

别名:Center

props 待声明


checkbox ​

builtin_widget · checkbox · web: component · iced: full · category: content

demo →

Checkbox control

别名:Checkbox check

PropTypeDefaultDescription
checked`union: boolstate_ref`false
onchangemsg_ref—Message on toggle
class`union: stringclass_binding`—
disabled`union: boolstate_ref`false

code_editor ​

builtin_widget · code_editor · web: component · iced: full · category: content

demo →

P1 extracted from production tables; props TBD

别名:codeEditor codeeditor

PropTypeDefaultDescription
keystring—Stable state key (required for value persistence)
contentstring—External value; only rewritten on diff
lang`one_of: rustpythonauto
line_numbers`one_of: truefalse`true
wrap`one_of: truefalse`false
vi`one_of: truefalse`false
searchone_of: regex—Live regex highlight + jump (search-as-you-type)
tab_widthint4Tab width in columns

col ​

builtin_widget · col · web: component · iced: full · category: layout

demo →

Vertical layout container

别名:Col Column column

PropTypeDefaultDescription
class`union: stringclass_binding`—
gapint0Spacing between children
padding`union: intstring`0
align`one_of: startcenterend

container ​

builtin_widget · container · web: native · iced: full · category: layout

Generic container with optional constraints

别名:Container

PropTypeDefaultDescription
class`union: stringclass_binding`—
max_widthint—Maximum width in pixels
padding`union: intstring`—

div ​

builtin_widget · div · web: native · iced: full · category: content

P1 extracted from production tables; props TBD

props 待声明


divider ​

builtin_widget · divider · web: native · iced: partial · category: utility

Horizontal or vertical divider line

别名:Divider hr

PropTypeDefaultDescription
class`union: stringclass_binding`—
direction`one_of: horizontalvertical`horizontal

drawer ​

builtin_widget · drawer · web: component · iced: unknown · category: overlay

demo →

Drawer container (Vaul)

别名:Drawer

PropTypeDefaultDescription
openstate_ref—Open state binding
direction`one_of: leftrighttop
class`union: stringclass_binding`—

子件:drawer_content drawer_description drawer_footer drawer_header drawer_title drawer_trigger


drawer_content ​

builtin_widget · drawer_content · web: component · iced: unknown · category: overlay

Drawer content

别名:drawer-content drawercontent

PropTypeDefaultDescription
class`union: stringclass_binding`—

drawer_description ​

builtin_widget · drawer_description · web: component · iced: unknown · category: overlay

Drawer description

别名:drawer-description drawerdescription

PropTypeDefaultDescription
textstring—Description text
class`union: stringclass_binding`—

builtin_widget · drawer_footer · web: component · iced: unknown · category: overlay

Drawer footer

别名:drawer-footer drawerfooter

PropTypeDefaultDescription
class`union: stringclass_binding`—

drawer_header ​

builtin_widget · drawer_header · web: component · iced: unknown · category: overlay

Drawer header

别名:drawer-header drawerheader

PropTypeDefaultDescription
class`union: stringclass_binding`—

drawer_title ​

builtin_widget · drawer_title · web: component · iced: unknown · category: overlay

Drawer title

别名:drawer-title drawertitle

PropTypeDefaultDescription
textstring—Title text
class`union: stringclass_binding`—

drawer_trigger ​

builtin_widget · drawer_trigger · web: component · iced: unknown · category: overlay

Drawer trigger

别名:drawer-trigger drawertrigger

PropTypeDefaultDescription
as_childboolfalseUse child as trigger

builtin_widget · dropdown-menu · web: component · iced: unknown · category: content

demo →

P1 extracted from production tables; props TBD

别名:DropdownMenu dropdown_menu dropdownmenu

PropTypeDefaultDescription
textstring—Menu item text
disabled`one_of: truefalse`false
shortcutstring—Keyboard shortcut hint

子件:dropdown-menu-item dropdownmenucontent dropdownmenutrigger


builtin_widget · dropdown-menu-label · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:dropdown_menu_label dropdownmenulabel

props 待声明


em ​

builtin_widget · em · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


builtin_widget · footer · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Footer

props 待声明


grid ​

builtin_widget · grid · web: component · iced: partial · category: layout

demo →

Grid layout container

别名:Grid

PropTypeDefaultDescription
class`union: stringclass_binding`—
columnsint1Number of columns
gapint0Cell spacing

h1 ​

builtin_widget · h1 · web: native · iced: full · category: content

P1 extracted from production tables; props TBD

别名:H1

props 待声明


h2 ​

builtin_widget · h2 · web: native · iced: full · category: content

P1 extracted from production tables; props TBD

别名:H2

props 待声明


h3 ​

builtin_widget · h3 · web: native · iced: full · category: content

P1 extracted from production tables; props TBD

别名:H3

props 待声明


h4 ​

builtin_widget · h4 · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:H4

props 待声明


h5 ​

builtin_widget · h5 · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:H5

props 待声明


h6 ​

builtin_widget · h6 · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:H6

props 待声明


builtin_widget · header · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Header

props 待声明


hover_card ​

builtin_widget · hover_card · web: component · iced: unknown · category: overlay

demo →

Hover card container

别名:HoverCard hover-card hovercard

PropTypeDefaultDescription
openstate_ref—Open state binding
open_delayint0Open delay (ms)
close_delayint300Close delay (ms)

子件:hover_card_content hover_card_trigger


hover_card_content ​

builtin_widget · hover_card_content · web: component · iced: unknown · category: overlay

Hover card content

别名:hover-card-content hovercard-content hovercardcontent

PropTypeDefaultDescription
side`one_of: toprightbottom
class`union: stringclass_binding`—

hover_card_trigger ​

builtin_widget · hover_card_trigger · web: component · iced: unknown · category: overlay

Hover card trigger

别名:hover-card-trigger hovercard-trigger hovercardtrigger

PropTypeDefaultDescription
as_childboolfalseUse child as trigger

i ​

builtin_widget · i · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


icon ​

builtin_widget · icon · web: native · iced: native · category: media

Icon display

别名:Icon

PropTypeDefaultDescription
namestring—Icon name
class`union: stringclass_binding`—
sizeint20Icon size in pixels (default 20px = w-5 h-5, both backends; Plan 620)
state`one_of: onoff`—

image ​

builtin_widget · image · web: component · iced: partial · category: media

Image display

别名:Image

PropTypeDefaultDescription
srcstring—Image URL
altstringAlt text
class`union: stringclass_binding`—
fit`one_of: covercontainfill

imagesurface ​

builtin_widget · imagesurface · web: component · iced: full · category: media

Backend-neutral image surface (Plan 547): media ticket URI + interactive transform state; renders published renditions only (vue img + pointer synthesis / iced widget), never does file I/O or decode on the UI thread.

别名:ImageSurface image-surface image_surface

PropTypeDefaultDescription
srcstring—Media ticket URI (/api/__auto/media/{id}/{revision})
altstringAlt text
widthint0Viewport width
heightint0Viewport height
qualityint90Rendition quality
fitstringcontaincontain
zoomfloat1Zoom factor (0.05-64)
offset_xfloat0Pan offset x
offset_yfloat0Pan offset y
rotationint0Display rotation degrees
filterstringnoneRender filter
class`union: stringclass_binding`—

img ​

builtin_widget · img · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Img

props 待声明


input ​

builtin_widget · input · web: component · iced: partial · category: content

demo →

Text input field

别名:Input

PropTypeDefaultDescription
valuestate_ref—Bound value (two-way binding)
placeholderstring—Placeholder text
type`one_of: textpasswordemail
onchangemsg_ref—Message on value change
onentermsg_ref—Message on Enter key
class`union: stringclass_binding`—
disabled`union: boolstate_ref`false

label ​

builtin_widget · label · web: component · iced: full · category: form

demo →

Form label

别名:Label

PropTypeDefaultDescription
forstring—Associated form control ID
textstring—Label text
selectableboolfalseOpt-in selection & copy (VM: drag/double-click/Ctrl+C; Plan 481)
class`union: stringclass_binding`—

builtin_widget · link · web: native · iced: unknown · category: content

Hyperlink

别名:Link

PropTypeDefaultDescription
hrefstring—Link URL
textstring—Link text
class`union: stringclass_binding`—

list ​

builtin_widget · list · web: component · iced: fallback · category: list

Generic list container

PropTypeDefaultDescription
class`union: stringclass_binding`—

list_item ​

builtin_widget · list_item · web: component · iced: fallback · category: list

List item

别名:list-item listitem

PropTypeDefaultDescription
class`union: stringclass_binding`—
onclickmsg_ref—Message when clicked

main ​

builtin_widget · main · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Main

props 待声明


builtin_widget · menubar · web: component · iced: component · category: navigation

demo →

Menubar container (PLAN-695 full 16-element family, shadcn-vue aligned; VM iced arm = Popover 原语双解释态)

PropTypeDefaultDescription
class`union: stringclass_binding`—

子件:menubar_checkbox_item menubar_content menubar_group menubar_item menubar_label menubar_menu menubar_radio_group menubar_radio_item menubar_separator menubar_shortcut menubar_sub menubar_sub_content menubar_sub_trigger menubar_trigger


mouse-area ​

builtin_widget · mouse-area · web: component · iced: full · category: overlay

Transparent hover hit-region (iced mouse_area on_enter/on_exit; vue div @mouseenter/@mouseleave). No visuals, event forwarding only - chart tooltip hit primitive. Plan 496: ondblclick -> mouse_area on_double_click (desktop icon double-click launch primitive; vue @dblclick). Plan 498 M0: onclick -> mouse_area on_click (iced on_press / vue @click; chart legend click-toggle and diagram select shared prerequisite). Plan 499: onmousemove -> logical-coordinate move stream (engine-side screen->logical conversion + <=30Hz throttle on VM arm; handler receives (x, y) float args; coords prop declares the logical extent).

别名:mousearea

PropTypeDefaultDescription
coordsstring—Logical extent for onmousemove coordinates, \

native_button ​

builtin_widget · native_button · web: native · iced: unknown · category: content

Native HTML button escape (bypasses button-to-Button mapping)

PropTypeDefaultDescription
textstring—Button label text
onclickmsg_ref—Message to send when clicked
class`union: stringclass_binding`—
disabledboolfalseWhether button is disabled

builtin_widget · nav · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Nav

props 待声明


builtin_widget · nav-group · web: component · iced: full · category: navigation

Navigation group: label header + item column, optionally collapsible (Plan 482)

别名:NavGroup nav_group navgroup

PropTypeDefaultDescription
labelstring—Group header label
collapsibleboolfalseHeader is clickable to fold/unfold (chevron indicator)
openexpr—Fold state binding; defaults true. Unbound + collapsible uses built-in per-group state
ontogglemsg_ref—Message on header click (when bound); otherwise built-in state toggles
indentboolfalseIndent member items (tree feel, pl-3)
class`union: stringclass_binding`—

builtin_widget · nav-item · web: component · iced: full · category: navigation

Navigation item with built-in hover/active/disabled states, icon/desc/badge slots (Plan 482); supersedes nav-link

别名:NavItem nav_item navitem

PropTypeDefaultDescription
tostring—Route address (router mode): vue RouterLink updates the hash URL; VM dispatches __navigate to __current_route. Wins over onclick when both given
onclickmsg_ref—Click message (state mode) for store-driven switching
activeexpr—Selected-state override; with to: auto-detected (exact or prefix-segment match, exact: tightens)
exactboolfalseRoute auto-detection uses exact match only
iconstring—Left icon: lucide name (svg both ends) or literal emoji text
labelstring—Primary text
descstring—Secondary line (two-line layout)
badgestring—Right-side badge pill
disabledboolfalseGrayed out, not clickable
size`one_of: smmdlg`
class`union: stringclass_binding`—

builtin_widget · nav-link · web: component · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:nav_link navlink

props 待声明


p ​

builtin_widget · p · web: native · iced: full · category: typography

Paragraph text

别名:P

PropTypeDefaultDescription
textstring—Paragraph text
class`union: stringclass_binding`—

popover ​

builtin_widget · popover · web: component · iced: fallback · category: navigation

demo →

Anchored popover (overlay)

别名:Popover

PropTypeDefaultDescription
openexpr—Open state (state binding, e.g. .ctx_open)
xexpr—Coordinate anchor x (viewport px, contextmenu form)
yexpr—Coordinate anchor y (viewport px, contextmenu form)
placement`one_of: bottombottom-startbottom-end
ondismissmsg_ref—Fired on outside click / anchor click / Esc / focus loss
class`union: stringclass_binding`—

子件:popover_content popover_trigger


pre ​

builtin_widget · pre · web: native · iced: unknown · category: typography

Preformatted text block

别名:Pre

PropTypeDefaultDescription
class`union: stringclass_binding`—

progress ​

builtin_widget · progress · web: component · iced: full · category: content

demo →

P1 extracted from production tables; props TBD

别名:Progress

PropTypeDefaultDescription
valuefloat0Progress percentage
maxfloat100Maximum value

remote-frame ​

builtin_widget · remote-frame · web: component · iced: full · category: display

Host-side remote frame consumer (PLAN-760): subscribes DisplayList v2 frames from a desktop-protocol bridge (rqhost --bridge-ws) and renders them via the iced canvas element; local pointer/char input is forwarded as protocol InputMsg. Host data leaf - frames never flow through VM state. Web arm = passthrough div placeholder (data-remote-frame marker; host frontend adopts).

别名:remoteframe remote_frame

PropTypeDefaultDescription
urlstring—Bridge WS endpoint (ws://127.0.0.1:port/?token=...); change = drop old connection, dial new
class`union: stringclass_binding`—

row ​

builtin_widget · row · web: component · iced: full · category: layout

demo →

Horizontal layout container

别名:Row

PropTypeDefaultDescription
class`union: stringclass_binding`—
gapint0Spacing between children
padding`union: intstring`0
align`one_of: startcenterend

scroll ​

builtin_widget · scroll · web: component · iced: full · category: layout

demo →

Universal scroll viewport (PLAN-656 scroll-pane; scrollable/scroll are aliases)

别名:Scroll scrollable scroll-pane

PropTypeDefaultDescription
class`union: stringclass_binding`—
axis`one_of: yxboth`
scrollbar`one_of: autoalwayshidden`
controllerstring—Scroll controller handle from scroll_controller() (PLAN-656; pairs with scroll_to_end/scroll_by/... native family)
onscrollclosure—Scroll observation callback
direction`one_of: verticalhorizontalboth`
sizestring8Scrollbar thumb width in px (PLAN-692; rail is size+4px, hover widens thumb +2px/side, press highlights primary)

子件:scrollarea scrollareascrollbar scrollareathumb scrollareaviewport


scroll_test_content ​

builtin_widget · scroll_test_content · web: none · iced: full · category: layout

PLAN-656 capability-test-only synthetic managed scroll content (NOT a public widget) - host-owned logical extent, ~20 visible rows materialized; place inside scroll-pane

别名:scroll-test-content

PropTypeDefaultDescription
keystring—Stable host registry key (persist across rebuilds)
extent_wfloat—Logical extent width px (default 2000000)
extent_hfloat—Logical extent height px (default 10000000)

section ​

builtin_widget · section · web: native · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:Section

props 待声明


select ​

builtin_widget · select · web: component · iced: fallback · category: content

demo →

P1 extracted from production tables; props TBD

别名:Select

PropTypeDefaultDescription
placeholderstring—Placeholder text for select-value
disabled`one_of: truefalse`false

子件:selectcontent selectgroup selectitem selectlabel selecttrigger selectvalue


separator ​

builtin_widget · separator · web: component · iced: unknown · category: utility

demo →

Visual divider

别名:Separator sep

PropTypeDefaultDescription
orientation`one_of: horizontalvertical`horizontal
labelstring—Optional label for separator
class`union: stringclass_binding`—

sheet ​

builtin_widget · sheet · web: component · iced: fallback · category: overlay

demo →

Sheet (side drawer) container

别名:Sheet

PropTypeDefaultDescription
openstate_ref—Open state binding
class`union: stringclass_binding`—

子件:sheet-description sheet_content sheet_footer sheet_header sheet_title sheet_trigger


sheet-close ​

builtin_widget · sheet-close · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

别名:sheet_close sheetclose

props 待声明


sheet_content ​

builtin_widget · sheet_content · web: component · iced: unknown · category: overlay

Sheet content

别名:sheet-content sheetcontent

PropTypeDefaultDescription
side`one_of: toprightbottom
class`union: stringclass_binding`—

builtin_widget · sheet_footer · web: component · iced: unknown · category: overlay

Sheet footer

别名:sheet-footer sheetfooter

PropTypeDefaultDescription
class`union: stringclass_binding`—

sheet_header ​

builtin_widget · sheet_header · web: component · iced: unknown · category: overlay

Sheet header

别名:sheet-header sheetheader

PropTypeDefaultDescription
class`union: stringclass_binding`—

sheet_title ​

builtin_widget · sheet_title · web: component · iced: unknown · category: overlay

Sheet title

别名:sheet-title sheettitle

PropTypeDefaultDescription
textstring—Title text
class`union: stringclass_binding`—

sheet_trigger ​

builtin_widget · sheet_trigger · web: component · iced: unknown · category: overlay

Sheet trigger

别名:sheet-trigger sheettrigger

PropTypeDefaultDescription
as_childboolfalseUse child as trigger
class`union: stringclass_binding`—

builtin_widget · sidebar · web: component · iced: partial · category: navigation

demo →

Sidebar container

别名:Sidebar

PropTypeDefaultDescription
side`one_of: leftright`left
variant`one_of: sidebarfloatinginset`
collapsible`one_of: offcanvasiconnone`
class`union: stringclass_binding`—

子件:sidebar-group-action sidebar-inset sidebar-menu-action sidebar-menu-badge sidebar-menu-sub sidebar-menu-sub-item sidebar-separator sidebar_content sidebar_footer sidebar_group sidebar_group_content sidebar_group_label sidebar_header sidebar_menu sidebar_menu_button sidebar_menu_item sidebar_provider sidebar_trigger sidebarinput sidebarmenuskeleton sidebarrail


builtin_widget · sidebar-group-action · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarGroupAction sidebar_group_action sidebargroupaction

props 待声明


builtin_widget · sidebar-inset · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarInset sidebar_inset sidebarinset

props 待声明


builtin_widget · sidebar-menu-action · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarMenuAction sidebar_menu_action sidebarmenuaction

props 待声明


builtin_widget · sidebar-menu-badge · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarMenuBadge sidebar_menu_badge sidebarmenubadge

props 待声明


builtin_widget · sidebar-menu-sub · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarMenuSub sidebar_menu_sub sidebarmenusub

props 待声明

子件:sidebar-menu-sub-item


builtin_widget · sidebar-menu-sub-item · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarMenuSubItem sidebar_menu_sub_item sidebarmenusubitem

props 待声明


builtin_widget · sidebar-separator · web: component · iced: full · category: content

P1 extracted from production tables; props TBD

别名:SidebarSeparator sidebar_separator sidebarseparator

props 待声明


builtin_widget · sidebar_content · web: component · iced: full · category: navigation

Sidebar content

别名:SidebarContent sidebar-content sidebarcontent

PropTypeDefaultDescription
class`union: stringclass_binding`—

builtin_widget · sidebar_footer · web: component · iced: full · category: navigation

Sidebar footer

别名:SidebarFooter sidebar-footer sidebarfooter

PropTypeDefaultDescription
class`union: stringclass_binding`—

builtin_widget · sidebar_header · web: component · iced: full · category: navigation

Sidebar header

别名:SidebarHeader sidebar-header sidebarheader

PropTypeDefaultDescription
class`union: stringclass_binding`—

builtin_widget · sidebar_menu · web: component · iced: full · category: navigation

Sidebar menu

别名:SidebarMenu sidebar-menu sidebarmenu

PropTypeDefaultDescription
class`union: stringclass_binding`—

子件:sidebar-menu-action sidebar-menu-badge sidebar-menu-sub sidebar-menu-sub-item sidebar_menu_button sidebar_menu_item sidebarmenuskeleton


builtin_widget · sidebar_menu_button · web: component · iced: partial · category: navigation

Sidebar menu button

别名:SidebarMenuButton sidebar-menu-button sidebarmenubutton

PropTypeDefaultDescription
tooltipstring—Tooltip text
activeboolfalseActive state
textstring—Button text
onclickmsg_ref—Click handler
class`union: stringclass_binding`—

builtin_widget · sidebar_menu_item · web: component · iced: full · category: navigation

Sidebar menu item

别名:SidebarMenuItem sidebar-menu-item sidebarmenuitem

PropTypeDefaultDescription
class`union: stringclass_binding`—

builtin_widget · sidebar_menu_sub_button · web: component · iced: full · category: navigation

Sidebar menu sub-button (nested collapsible trigger; 561 full contract)

别名:SidebarMenuSubButton sidebar-menu-sub-button sidebarmenusubbutton

PropTypeDefaultDescription
class`union: stringclass_binding`—
textstring—Button text
tostring—Router target
activeboolfalseActive state

slider ​

builtin_widget · slider · web: native · iced: partial · category: form

demo →

Numeric slider control (native range input; PLAN-661 R-5: shadcn Slider component path retired)

别名:Slider

PropTypeDefaultDescription
valuestate_ref—Bound numeric value (float state field)
minfloat0Range minimum
maxfloat100Range maximum
stepfloat—Step increment (None = continuous)
onchangemsg_ref—Message on value change (payload variant carries f32)
class`union: stringclass_binding`—
disabled`union: boolstate_ref`false

slot ​

builtin_widget · slot · web: none · iced: unknown · category: content

Slot: outlet in component definition; named-slot fill in component invocation

别名:Slot

PropTypeDefaultDescription
namestring—Slot name (named slot target or outlet)

small ​

builtin_widget · small · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


spacer ​

builtin_widget · spacer · web: component · iced: full · category: utility

Flexible or fixed space

别名:Spacer

PropTypeDefaultDescription
class`union: stringclass_binding`—
sizeint—Spacer size in pixels (or flex if omitted)

span ​

builtin_widget · span · web: native · iced: full · category: typography

Inline text span

别名:Span

PropTypeDefaultDescription
textstring—Span text
class`union: stringclass_binding`—

square ​

builtin_widget · square · web: native · iced: full · category: content

P1 extracted from production tables; props TBD

别名:Square

props 待声明


strong ​

builtin_widget · strong · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


svg ​

builtin_widget · svg · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

props 待声明


taskbar ​

builtin_widget · taskbar · web: component · iced: full · category: navigation

Desktop shell taskbar (bottom bar)

PropTypeDefaultDescription
class`union: stringclass_binding`—

terminal ​

builtin_widget · terminal · web: none · iced: full · category: content

P1 extracted from production tables; props TBD

别名:Terminal

props 待声明


text ​

builtin_widget · text · web: component · iced: full · category: typography

Text content (literal or interpolated)

别名:Text

PropTypeDefaultDescription
text`union: stringstate_ref`—
selectableboolfalseOpt-in selection & copy (VM: drag/double-click/Ctrl+C; Plan 481)

textarea ​

builtin_widget · textarea · web: component · iced: partial · category: form

demo →

Multi-line text input

别名:Textarea

PropTypeDefaultDescription
placeholderstring—Placeholder text
value`union: stringstate_ref`—
disabledboolfalseDisabled state
rowsint—Number of rows
class`union: stringclass_binding`—

toast-provider ​

builtin_widget · toast-provider · web: component · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:toast_provider toastprovider

props 待声明


toaster ​

builtin_widget · toaster · web: none · iced: partial · category: content

Toast notification container (alias)

PropTypeDefaultDescription
position`one_of: top-lefttop-centertop-right

toolbar ​

builtin_widget · toolbar · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


window_thumbnail ​

builtin_widget · window_thumbnail · web: component · iced: full · category: display

Per-window live thumbnail (host snapshot pixels, renderer-side asset channel)

别名:WindowThumbnail window-thumbnail windowthumbnail

PropTypeDefaultDescription
widstring—Target window id (host snapshot-cache key; native N<slot> falls back)
fallback_iconstringapp-windowLucide icon while no fresh snapshot (Plan 497)
class`union: stringclass_binding`—

workspace_preview ​

builtin_widget · workspace_preview · web: none · iced: full · category: display

Whole-desktop proportional preview (host-composited tiles, PLAN-012 W3)

PropTypeDefaultDescription
wsstring—Workspace id to preview (host wm publish; PLAN-012)
fallbackstringapp-windowLucide icon for snapshot-miss windows
class`union: stringclass_binding`—

原生直通(native_html) ​

+ ​

native_html · + · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


- ​

native_html · - · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


a ​

native_html · a · web: none · iced: unknown · category: content

P1 extracted from production tables; props TBD

props 待声明


audio ​

native_html · audio · web: native · iced: fallback · category: content

P1 extracted from production tables; props TBD

别名:Audio

props 待声明


blockquote ​

native_html · blockquote · web: native · iced: none · category: content

Block quotation

PropTypeDefaultDescription
class`union: stringclass_binding`—

canvas ​

native_html · canvas · web: none · iced: full · category: media

State-driven drawing canvas (Plan 563). Content renders from the scene state binding (parallel-string-list stroke model, B12-style); both backends render independently (vue <canvas> 2D / iced canvas::Program) sharing only the scene data contract. Pen trio fires with logical coords; leaving the bounds ends the stroke on both backends.

PropTypeDefaultDescription
scenestate_ref—Stroke-scene state PREFIX binding (engine reads <prefix>_pts + <prefix>_meta parallel string lists)
coordsstring—Logical extent \
clearstring—Optional background color (CSS hex); eraser strokes render as background-color strokes in v1
onpenstartmsg_ref—Pen down; handler receives (x, y) float logical coords
onpenmovemsg_ref—Pen drag while pressed (engine-gated, <=30Hz); handler receives (x, y)
onpenendmsg_ref—Pen up or leaving the canvas bounds; handler receives (x, y)
class`union: stringclass_binding`—

circle ​

native_html · circle · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


clipPath ​

native_html · clipPath · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


code ​

native_html · code · web: native · iced: partial · category: typography

Inline code

别名:Code

PropTypeDefaultDescription
class`union: stringclass_binding`—

codeblock ​

native_html · codeblock · web: native · iced: partial · category: content

Code block with syntax highlighting

别名:CodeBlock Codeblock code-block code_block

PropTypeDefaultDescription
langstringtextProgramming language for syntax highlighting
codestring—Code content
class`union: stringclass_binding`—

codepane ​

native_html · codepane · web: native · iced: partial · category: content

Tabbed code block showing Auto and Vue code side by side

别名:CodePane code-pane

PropTypeDefaultDescription
autostring—Auto (AURA) source code
vuestring—Generated Vue.js code
class`union: stringclass_binding`—

dd ​

native_html · dd · web: native · iced: none · category: list

Description detail

别名:Dd

PropTypeDefaultDescription
class`union: stringclass_binding`—

defs ​

native_html · defs · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


dl ​

native_html · dl · web: native · iced: none · category: list

Description list

别名:Dl

PropTypeDefaultDescription
class`union: stringclass_binding`—

dt ​

native_html · dt · web: native · iced: none · category: list

Description term

别名:Dt

PropTypeDefaultDescription
class`union: stringclass_binding`—

ellipse ​

native_html · ellipse · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


figcaption ​

native_html · figcaption · web: native · iced: none · category: content

Figure caption

PropTypeDefaultDescription
class`union: stringclass_binding`—

figure ​

native_html · figure · web: native · iced: none · category: content

Figure container

别名:Figure

PropTypeDefaultDescription
class`union: stringclass_binding`—

g ​

native_html · g · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


li ​

native_html · li · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

别名:Li

props 待声明


line ​

native_html · line · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


linearGradient ​

native_html · linearGradient · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


mask ​

native_html · mask · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


ol ​

native_html · ol · web: native · iced: none · category: list

Ordered list

别名:Ol

PropTypeDefaultDescription
class`union: stringclass_binding`—

optgroup ​

native_html · optgroup · web: native · iced: none · category: form

Option group

PropTypeDefaultDescription
labelstring—Group label
disabledboolfalseDisabled state

option ​

native_html · option · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

别名:Option

props 待声明


path ​

native_html · path · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


polygon ​

native_html · polygon · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


polyline ​

native_html · polyline · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


previewcard ​

native_html · previewcard · web: native · iced: partial · category: content

Preview card with collapsible code section - like shadcn-vue docs

别名:PreviewCard preview-card preview_card

PropTypeDefaultDescription
idstring—Unique identifier for the preview card (used for state variables)
titlestringPreviewSection title
autostring—Auto (AURA) source code
vuestring—Generated Vue.js code
class`union: stringclass_binding`—

radialGradient ​

native_html · radialGradient · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


radio ​

native_html · radio · web: native · iced: fallback · category: content

P1 extracted from production tables; props TBD

别名:Radio

props 待声明


rect ​

native_html · rect · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


spinner ​

native_html · spinner · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

别名:Spinner

props 待声明


stop ​

native_html · stop · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


summary ​

native_html · summary · web: none · iced: none · category: content

P1 extracted from production tables; props TBD

别名:Summary

props 待声明


tab ​

native_html · tab · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Tab

props 待声明


tbody ​

native_html · tbody · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Tbody

props 待声明


td ​

native_html · td · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Td

props 待声明


tfoot ​

native_html · tfoot · web: none · iced: partial · category: content

P1 extracted from production tables; props TBD

props 待声明


th ​

native_html · th · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Th

props 待声明


thead ​

native_html · thead · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Thead

props 待声明


tr ​

native_html · tr · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Tr

props 待声明


tree ​

native_html · tree · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

别名:Tree

props 待声明


tree-item ​

native_html · tree-item · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

别名:TreeItem tree_item

props 待声明


ul ​

native_html · ul · web: native · iced: none · category: list

Unordered list

别名:Ul

PropTypeDefaultDescription
class`union: stringclass_binding`—

use ​

native_html · use · web: native · iced: none · category: content

P1 extracted from production tables; props TBD

props 待声明


video ​

native_html · video · web: native · iced: partial · category: content

P1 extracted from production tables; props TBD

别名:Video

props 待声明


Released under the MIT License.