Skip to content

# 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