跳至主要内容

添加 UI 组件

您可以创建自己的自定义扩展,并向应用程序前端页面添加不同的 UI 组件。例如,您可以添加一个新的 Button 类型的 UI 组件。如果您有自己的模板,您可以使用 现成的代码 添加主要、次要、加载或其他类型的按钮。

注意

如果您没有实践经验,想要探索,请使用 最小、webview 或完整模板 创建 Podman 桌面扩展。

步骤

  1. @podman-desktop/ui-svelte 包添加到您的应用程序源代码中。
  2. 打开 storybook 链接.
  3. 转到 Docs 并复制特定 UI 组件的代码。 UI 组件
  4. 将其粘贴到您的 UI 源配置文件中,例如 UIextension.svelte
  5. 保存配置更改。
  6. 运行您的扩展,并在需要时对其进行调试。

验证

  • 检查 UI 组件是否已添加到扩展的 webview 中。