Extension Guides#
This section explains how to use specific Lens Extension APIs. It includes detailed guides and code samples. For introductory information about the Lens Extension API, please see Your First Extension.
Each guide or code sample includes the following:
- Clearly commented source code.
- Instructions for running the sample extension.
- An image showing the sample extension's appearance and usage.
- A listing of the Extension API being used.
- An explanation of the concepts relevant to the Extension.
Guides#
| Guide | APIs |
|---|---|
| Generate new extension project | |
| Main process extension | LensMainExtension |
| Renderer process extension | LensRendererExtension |
| Stores | |
| Components | |
| KubeObjectListLayout | |
| Working with mobx | |
| Protocol Handlers |
Samples#
| Sample | APIs |
|---|---|
| hello-world | LensMainExtension LensRendererExtension Component.Icon Component.IconProps |
| minikube | LensMainExtension Store.clusterStore Store.workspaceStore |
| styling-css-modules-sample | LensMainExtension LensRendererExtension Component.Icon Component.IconProps |
| styling-emotion-sample | LensMainExtension LensRendererExtension Component.Icon Component.IconProps |
| styling-sass-sample | LensMainExtension LensRendererExtension Component.Icon Component.IconProps |
| custom-resource-page | LensRendererExtension K8sApi.KubeApi K8sApi.KubeObjectStore Component.KubeObjectListLayout Component.KubeObjectDetailsProps Component.IconProps |