添加 UI 组件
您可以创建自己的自定义扩展,并向应用程序前端页面添加不同的 UI 组件。例如,您可以添加一个新的 Button
类型的 UI 组件。如果您有自己的模板,您可以使用 现成的代码 添加主要、次要、加载或其他类型的按钮。
注意
如果您没有实践经验,想要探索,请使用 最小、webview 或完整模板 创建 Podman 桌面扩展。
步骤
- 将
@podman-desktop/ui-svelte
包添加到您的应用程序源代码中。 - 打开 storybook 链接.
- 转到 Docs 并复制特定 UI 组件的代码。
- 将其粘贴到您的 UI 源配置文件中,例如
UIextension.svelte
。 - 保存配置更改。
- 运行您的扩展,并在需要时对其进行调试。
验证
- 检查 UI 组件是否已添加到扩展的 webview 中。