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 | Main.LensExtension
Renderer process extension | Renderer.LensExtension
Resource stack (cluster feature) |
Stores |
Components |
KubeObjectListLayout |
Working with mobx |
Protocol Handlers |
Sending Data between main and renderer |

## Samples

Sample | APIs
--- | ---
hello-world | LensMainExtension LensRendererExtension Renderer.Component.Icon Renderer.Component.IconProps
styling-css-modules-sample | LensMainExtension LensRendererExtension Renderer.Component.Icon Renderer.Component.IconProps
styling-emotion-sample | LensMainExtension LensRendererExtension Renderer.Component.Icon Renderer.Component.IconProps
styling-sass-sample | LensMainExtension LensRendererExtension Renderer.Component.Icon Renderer.Component.IconProps
custom-resource-page | LensRendererExtension Renderer.K8sApi.KubeApi Renderer.K8sApi.KubeObjectStore Renderer.Component.KubeObjectListLayout Renderer.Component.KubeObjectDetailsProps Renderer.Component.IconProps