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