禾又科技
SlintForge / 文档

组件参考

SlintForge 公共组件清单与最小示例

SlintForge 共 79 个公共组件，全部从 @slintforge 导入。下列示例由仓库 examples/api-components 自动生成，属性与回调的完整说明见仓库内的 API 文档。

NOTE 本页由 npm run gen:api 生成，请勿手工修改。

基础

ForgeIconButton

源文件：ui/basic/icon-button.slint

import { ForgeIconButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeIconButton API Example";
    width: 800px;
    height: 600px;

    ForgeIconButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeCard

源文件：ui/basic/card.slint

import { ForgeCard } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeCard API Example";
    width: 800px;
    height: 600px;

    ForgeCard {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeInfoBar

源文件：ui/basic/info-bar.slint

import { ForgeInfoBar } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeInfoBar API Example";
    width: 800px;
    height: 600px;

    ForgeInfoBar {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

导航

ForgeNavigationView

源文件：ui/navigation/navigation-view.slint

import { ForgeNavigationView } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeNavigationView API Example";
    width: 800px;
    height: 600px;

    ForgeNavigationView {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeBreadcrumb

源文件：ui/navigation/breadcrumb.slint

import { ForgeBreadcrumb } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeBreadcrumb API Example";
    width: 800px;
    height: 600px;

    ForgeBreadcrumb {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTabBar

源文件：ui/navigation/tab-bar.slint

import { ForgeTabBar } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTabBar API Example";
    width: 800px;
    height: 600px;

    ForgeTabBar {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgePageHeader

源文件：ui/navigation/page-header.slint

import { ForgePageHeader } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePageHeader API Example";
    width: 800px;
    height: 600px;

    ForgePageHeader {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeSegmentedControl

源文件：ui/navigation/segmented-control.slint

import { ForgeSegmentedControl } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeSegmentedControl API Example";
    width: 800px;
    height: 600px;

    ForgeSegmentedControl {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgePagination

源文件：ui/navigation/pagination.slint

import { ForgePagination } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePagination API Example";
    width: 800px;
    height: 600px;

    ForgePagination {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

布局

ForgeSplitLayout

源文件：ui/layouts/split-layout.slint

import { ForgeSplitLayout } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeSplitLayout API Example";
    width: 800px;
    height: 600px;

    ForgeSplitLayout {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeStaggeredGridView

源文件：ui/layouts/staggered-grid-view.slint

import { ForgeStaggeredGridView } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeStaggeredGridView API Example";
    width: 800px;
    height: 600px;

    ForgeStaggeredGridView {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowLayout

源文件：ui/layouts/flow-layout.slint

import { ForgeFlowLayout } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowLayout API Example";
    width: 800px;
    height: 600px;

    ForgeFlowLayout {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeAdaptiveGrid

源文件：ui/layouts/adaptive-grid.slint

import { ForgeAdaptiveGrid } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeAdaptiveGrid API Example";
    width: 800px;
    height: 600px;

    ForgeAdaptiveGrid {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgePageStack

源文件：ui/layouts/page-stack.slint

import { ForgePageStack } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePageStack API Example";
    width: 800px;
    height: 600px;

    ForgePageStack {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeStackPage

源文件：ui/layouts/page-stack.slint

import { ForgeStackPage } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeStackPage API Example";
    width: 800px;
    height: 600px;

    ForgeStackPage {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFormRow

源文件：ui/layouts/form-row.slint

import { ForgeFormRow } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFormRow API Example";
    width: 800px;
    height: 600px;

    ForgeFormRow {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDockLayout

源文件：ui/layouts/dock-layout.slint

import { ForgeDockLayout } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDockLayout API Example";
    width: 800px;
    height: 600px;

    ForgeDockLayout {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

容器

ForgePage

源文件：ui/surfaces/page.slint；需要绑定服务：ForgeCaptureService

import { ForgePage } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePage API Example";
    width: 800px;
    height: 600px;

    ForgePage {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeRoundImageView

源文件：ui/surfaces/round-image-view.slint

import { ForgeRoundImageView } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeRoundImageView API Example";
    width: 800px;
    height: 600px;

    ForgeRoundImageView {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeIconLabel

源文件：ui/surfaces/icon-label.slint

import { ForgeIconLabel } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeIconLabel API Example";
    width: 800px;
    height: 600px;

    ForgeIconLabel {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeExpander

源文件：ui/surfaces/expander.slint

import { ForgeExpander } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeExpander API Example";
    width: 800px;
    height: 600px;

    ForgeExpander {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeWatermark

源文件：ui/surfaces/watermark.slint

import { ForgeWatermark } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeWatermark API Example";
    width: 800px;
    height: 600px;

    ForgeWatermark {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeMarquee

源文件：ui/surfaces/marquee.slint

import { ForgeMarquee } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeMarquee API Example";
    width: 800px;
    height: 600px;

    ForgeMarquee {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

输入

ForgePillButton

源文件：ui/inputs/action-buttons.slint

import { ForgePillButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePillButton API Example";
    width: 800px;
    height: 600px;

    ForgePillButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDelayButton

源文件：ui/inputs/action-buttons.slint

import { ForgeDelayButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDelayButton API Example";
    width: 800px;
    height: 600px;

    ForgeDelayButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDropDownButton

源文件：ui/inputs/action-buttons.slint

import { ForgeDropDownButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDropDownButton API Example";
    width: 800px;
    height: 600px;

    ForgeDropDownButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeProgressButton

源文件：ui/inputs/action-buttons.slint

import { ForgeProgressButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeProgressButton API Example";
    width: 800px;
    height: 600px;

    ForgeProgressButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeInputValidation

源文件：ui/inputs/validation.slint

import { ForgeInputValidation } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeInputValidation API Example";
    width: 800px;
    height: 600px;

    ForgeInputValidation {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeChip

源文件：ui/inputs/tags.slint

import { ForgeChip } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeChip API Example";
    width: 800px;
    height: 600px;

    ForgeChip {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTagInputBox

源文件：ui/inputs/tags.slint

import { ForgeTagInputBox } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTagInputBox API Example";
    width: 800px;
    height: 600px;

    ForgeTagInputBox {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

表单

ForgeNumberBox

源文件：ui/form/number-box.slint

import { ForgeNumberBox } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeNumberBox API Example";
    width: 800px;
    height: 600px;

    ForgeNumberBox {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeAutoSuggestBox

源文件：ui/form/auto-suggest.slint；需要绑定服务：ForgeWidgetServices

import { ForgeAutoSuggestBox } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeAutoSuggestBox API Example";
    width: 800px;
    height: 600px;

    ForgeAutoSuggestBox {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeColorPicker

源文件：ui/form/color-picker.slint；需要绑定服务：ForgeWidgetServices

import { ForgeColorPicker } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeColorPicker API Example";
    width: 800px;
    height: 600px;

    ForgeColorPicker {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDatePicker

源文件：ui/form/date-picker.slint

import { ForgeDatePicker } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDatePicker API Example";
    width: 800px;
    height: 600px;

    ForgeDatePicker {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeCalendarPicker

源文件：ui/form/date-picker.slint

import { ForgeCalendarPicker } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeCalendarPicker API Example";
    width: 800px;
    height: 600px;

    ForgeCalendarPicker {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDatePickerPopup

源文件：ui/form/date-picker.slint

import { ForgeDatePickerPopup } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDatePickerPopup API Example";
    width: 800px;
    height: 600px;

    ForgeDatePickerPopup {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTimePicker

源文件：ui/form/time-picker.slint

import { ForgeTimePicker } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTimePicker API Example";
    width: 800px;
    height: 600px;

    ForgeTimePicker {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTimePickerPopup

源文件：ui/form/time-picker.slint

import { ForgeTimePickerPopup } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTimePickerPopup API Example";
    width: 800px;
    height: 600px;

    ForgeTimePickerPopup {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeShortcutPicker

源文件：ui/form/shortcut-picker.slint

import { ForgeShortcutPicker } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeShortcutPicker API Example";
    width: 800px;
    height: 600px;

    ForgeShortcutPicker {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeMultiSelectComboBox

源文件：ui/form/multi-select.slint

import { ForgeMultiSelectComboBox } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeMultiSelectComboBox API Example";
    width: 800px;
    height: 600px;

    ForgeMultiSelectComboBox {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeMultiTreeSelectComboBox

源文件：ui/form/multi-select.slint

import { ForgeMultiTreeSelectComboBox } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeMultiTreeSelectComboBox API Example";
    width: 800px;
    height: 600px;

    ForgeMultiTreeSelectComboBox {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

数据展示

ForgeFileTree

源文件：ui/data/file-tree.slint

import { ForgeFileTree } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFileTree API Example";
    width: 800px;
    height: 600px;

    ForgeFileTree {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDataGrid

源文件：ui/data/data-grid.slint；需要绑定服务：ForgeGridServices

import { ForgeDataGrid } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDataGrid API Example";
    width: 800px;
    height: 600px;

    ForgeDataGrid {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTreeDataGrid

源文件：ui/data/data-grid.slint；需要绑定服务：ForgeGridServices

import { ForgeTreeDataGrid } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTreeDataGrid API Example";
    width: 800px;
    height: 600px;

    ForgeTreeDataGrid {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTimeline

源文件：ui/data/timeline.slint

import { ForgeTimeline } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTimeline API Example";
    width: 800px;
    height: 600px;

    ForgeTimeline {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeStatistic

源文件：ui/data/statistic.slint

import { ForgeStatistic } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeStatistic API Example";
    width: 800px;
    height: 600px;

    ForgeStatistic {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeQRCode

源文件：ui/data/qrcode.slint；需要绑定服务：ForgeWidgetServices

import { ForgeQRCode } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeQRCode API Example";
    width: 800px;
    height: 600px;

    ForgeQRCode {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

反馈

ForgeInfoBadge

源文件：ui/feedback/info-badge.slint

import { ForgeInfoBadge } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeInfoBadge API Example";
    width: 800px;
    height: 600px;

    ForgeInfoBadge {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeResult

源文件：ui/feedback/result.slint

import { ForgeResult } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeResult API Example";
    width: 800px;
    height: 600px;

    ForgeResult {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeRatingControl

源文件：ui/feedback/rating.slint

import { ForgeRatingControl } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeRatingControl API Example";
    width: 800px;
    height: 600px;

    ForgeRatingControl {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeShimmer

源文件：ui/feedback/shimmer.slint

import { ForgeShimmer } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeShimmer API Example";
    width: 800px;
    height: 600px;

    ForgeShimmer {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeSkeletonView

源文件：ui/feedback/shimmer.slint

import { ForgeSkeletonView } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeSkeletonView API Example";
    width: 800px;
    height: 600px;

    ForgeSkeletonView {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

弹层

ForgeContentDialog

源文件：ui/popups/content-dialog.slint

import { ForgeContentDialog } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeContentDialog API Example";
    width: 800px;
    height: 600px;

    ForgeContentDialog {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDrawer

源文件：ui/popups/drawer.slint

import { ForgeDrawer } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDrawer API Example";
    width: 800px;
    height: 600px;

    ForgeDrawer {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

主题

ForgeAcrylic

源文件：ui/theme/backdrop.slint；需要绑定服务：ForgeWidgetServices

import { ForgeAcrylic } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeAcrylic API Example";
    width: 800px;
    height: 600px;

    ForgeAcrylic {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeLiquidGlass

源文件：ui/theme/backdrop.slint；需要绑定服务：ForgeWidgetServices

import { ForgeLiquidGlass } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeLiquidGlass API Example";
    width: 800px;
    height: 600px;

    ForgeLiquidGlass {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

其他

ForgeSyntaxView

源文件：ui/other/syntax-view.slint；需要绑定服务：ForgeWidgetServices

import { ForgeSyntaxView } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeSyntaxView API Example";
    width: 800px;
    height: 600px;

    ForgeSyntaxView {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeTour

源文件：ui/other/tour.slint

import { ForgeTour } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeTour API Example";
    width: 800px;
    height: 600px;

    ForgeTour {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeDial

源文件：ui/other/dial.slint

import { ForgeDial } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeDial API Example";
    width: 800px;
    height: 600px;

    ForgeDial {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

图标

ForgeIcon

源文件：ui/icons/icon.slint

import { ForgeIcon } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeIcon API Example";
    width: 800px;
    height: 600px;

    ForgeIcon {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

窗口

ForgeWindow

源文件：ui/window/forge-window.slint；需要绑定服务：ForgeCaptureService

import { ForgeWindow } from "@slintforge";

export component ApiExample inherits ForgeWindow {
    title: "ForgeWindow API Example";
    width: 800px;
    height: 600px;
}

专业图表 ForgePlot

ForgePlot

源文件：ui/charts/plot.slint；需要绑定服务：ForgePlotServices

import { ForgePlot } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgePlot API Example";
    width: 800px;
    height: 600px;

    ForgePlot {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

节点编辑 ForgeFlow

ForgeFlow

源文件：ui/flow/flow.slint；需要绑定服务：ForgeFlowServices

import { ForgeFlow } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlow API Example";
    width: 800px;
    height: 600px;

    ForgeFlow {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowToolButton

源文件：ui/flow/theme.slint

import { ForgeFlowToolButton } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowToolButton API Example";
    width: 800px;
    height: 600px;

    ForgeFlowToolButton {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowBackground

源文件：ui/flow/background.slint

import { ForgeFlowBackground } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowBackground API Example";
    width: 800px;
    height: 600px;

    ForgeFlowBackground {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowEdge

源文件：ui/flow/edge.slint

import { ForgeFlowEdge } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowEdge API Example";
    width: 800px;
    height: 600px;

    ForgeFlowEdge {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowEdgeEditor

源文件：ui/flow/edge-editor.slint

import { ForgeFlowEdgeEditor } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowEdgeEditor API Example";
    width: 800px;
    height: 600px;

    ForgeFlowEdgeEditor {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowNodeToolbar

源文件：ui/flow/controls.slint

import { ForgeFlowNodeToolbar } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowNodeToolbar API Example";
    width: 800px;
    height: 600px;

    ForgeFlowNodeToolbar {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowCanvas

源文件：ui/flow/canvas.slint；需要绑定服务：ForgeFlowServices

import { ForgeFlowCanvas } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowCanvas API Example";
    width: 800px;
    height: 600px;

    ForgeFlowCanvas {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowNode

源文件：ui/flow/node.slint

import { ForgeFlowNode } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowNode API Example";
    width: 800px;
    height: 600px;

    ForgeFlowNode {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowPort

源文件：ui/flow/node.slint

import { ForgeFlowPort } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowPort API Example";
    width: 800px;
    height: 600px;

    ForgeFlowPort {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowControls

源文件：ui/flow/controls.slint

import { ForgeFlowControls } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowControls API Example";
    width: 800px;
    height: 600px;

    ForgeFlowControls {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowMiniMap

源文件：ui/flow/controls.slint

import { ForgeFlowMiniMap } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowMiniMap API Example";
    width: 800px;
    height: 600px;

    ForgeFlowMiniMap {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowLayoutControls

源文件：ui/flow/layout-controls.slint

import { ForgeFlowLayoutControls } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowLayoutControls API Example";
    width: 800px;
    height: 600px;

    ForgeFlowLayoutControls {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowAlignmentControls

源文件：ui/flow/alignment-controls.slint

import { ForgeFlowAlignmentControls } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowAlignmentControls API Example";
    width: 800px;
    height: 600px;

    ForgeFlowAlignmentControls {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowNodePalette

源文件：ui/flow/node-palette.slint

import { ForgeFlowNodePalette } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowNodePalette API Example";
    width: 800px;
    height: 600px;

    ForgeFlowNodePalette {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowContextMenu

源文件：ui/flow/context-menu.slint

import { ForgeFlowContextMenu } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowContextMenu API Example";
    width: 800px;
    height: 600px;

    ForgeFlowContextMenu {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowNodeProperties

源文件：ui/flow/node-properties.slint

import { ForgeFlowNodeProperties } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowNodeProperties API Example";
    width: 800px;
    height: 600px;

    ForgeFlowNodeProperties {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}

ForgeFlowPanel

源文件：ui/flow/panel.slint

import { ForgeFlowPanel } from "@slintforge";

export component ApiExample inherits Window {
    title: "ForgeFlowPanel API Example";
    width: 800px;
    height: 600px;

    ForgeFlowPanel {
        x: 32px;
        y: 32px;
        width: parent.width - 64px;
        height: parent.height - 64px;
    }
}