跳转到主内容

添加 UI 组件

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

注意

如果您没有实践经验但想进行探索,请使用最小化、webview 或完整模板来创建 Podman Desktop 扩展。

步骤

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

验证

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