hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Deployed 13945d677b to master with MkDocs 1.3.0 and mike 1.1.2

Browse Source
This commit is contained in:
GitHub Action committed 2022-03-28 13:25:03 +00:00
1 parent eeb32e47ee
commit b102aecad5
18 files changed
+754 -3835
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

master/extensions/api/classes/Main.Ipc/index.html
+1 -1
View File
@@ -918,7 +918,7 @@
<h3 id="ipcprefix">[IpcPrefix]<a class="headerlink" href="#ipcprefix" title="Permanent link">#</a></h3>
<p>• <code>Readonly</code> <strong>[IpcPrefix]</strong>: <code>string</code></p>
<h4 id="inherited-from">Inherited from<a class="headerlink" href="#inherited-from" title="Permanent link">#</a></h4>
<p>IpcRegistrar.__@IpcPrefix@48127</p>
<p>IpcRegistrar.__@IpcPrefix@48490</p>
<hr />
<h3 id="extension">extension<a class="headerlink" href="#extension" title="Permanent link">#</a></h3>
<p>• <code>Protected</code> <strong>extension</strong>: <code>LensExtension</code></p>
master/extensions/api/classes/Main.LensExtension/index.html
+2 -2
View File
@@ -1061,7 +1061,7 @@
<h3 id="disposers">[Disposers]<a class="headerlink" href="#disposers" title="Permanent link">#</a></h3>
<p>• <strong>[Disposers]</strong>: <code>ExtendableDisposer</code></p>
<h4 id="inherited-from_1">Inherited from<a class="headerlink" href="#inherited-from_1" title="Permanent link">#</a></h4>
<p>LensExtension.__@Disposers@24100</p>
<p>LensExtension.__@Disposers@24184</p>
<hr />
<h3 id="appmenus">appMenus<a class="headerlink" href="#appmenus" title="Permanent link">#</a></h3>
<p>• <strong>appMenus</strong>: <code>MenuRegistration</code>[] = <code>[]</code></p>
@@ -1152,7 +1152,7 @@ does not modify the shell environment</p>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<h4 id="inherited-from_11">Inherited from<a class="headerlink" href="#inherited-from_11" title="Permanent link">#</a></h4>
<p>LensExtension.__@setLensExtensionDependencies@24103</p>
<p>LensExtension.__@setLensExtensionDependencies@24187</p>
<hr />
<h3 id="activate">activate<a class="headerlink" href="#activate" title="Permanent link">#</a></h3>
<p>▸ <strong>activate</strong>(): <code>Promise</code>&lt;<code>void</code>></p>
master/extensions/api/classes/Renderer.Component.DrawerItem/index.html
-1551
View File
File diff suppressed because it is too large. Load diff
master/extensions/api/classes/Renderer.Component.DrawerTitle/index.html
-1551
View File
File diff suppressed because it is too large. Load diff
master/extensions/api/classes/Renderer.Ipc/index.html
+1 -1
View File
@@ -918,7 +918,7 @@
<h3 id="ipcprefix">[IpcPrefix]<a class="headerlink" href="#ipcprefix" title="Permanent link">#</a></h3>
<p>• <code>Readonly</code> <strong>[IpcPrefix]</strong>: <code>string</code></p>
<h4 id="inherited-from">Inherited from<a class="headerlink" href="#inherited-from" title="Permanent link">#</a></h4>
<p>IpcRegistrar.__@IpcPrefix@48127</p>
<p>IpcRegistrar.__@IpcPrefix@48490</p>
<hr />
<h3 id="extension">extension<a class="headerlink" href="#extension" title="Permanent link">#</a></h3>
<p>• <code>Protected</code> <strong>extension</strong>: <code>LensExtension</code></p>
master/extensions/api/classes/Renderer.K8sApi.PersistentVolumeClaim/index.html
+2 -37
View File
@@ -1215,48 +1215,13 @@
<p><a href="../Renderer.K8sApi.KubeObject/">KubeObject</a>.<a href="../Renderer.K8sApi.KubeObject/#metadata">metadata</a></p>
<hr />
<h3 id="spec">spec<a class="headerlink" href="#spec" title="Permanent link">#</a></h3>
<p>• <strong>spec</strong>: <code>Object</code></p>
<h4 id="type-declaration">Type declaration<a class="headerlink" href="#type-declaration" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>accessModes</code></td>
<td align="left"><code>string</code>[]</td>
</tr>
<tr>
<td align="left"><code>resources</code></td>
<td align="left"><code>Object</code></td>
</tr>
<tr>
<td align="left"><code>resources.requests</code></td>
<td align="left"><code>Object</code></td>
</tr>
<tr>
<td align="left"><code>resources.requests.storage</code></td>
<td align="left"><code>string</code></td>
</tr>
<tr>
<td align="left"><code>selector</code></td>
<td align="left"><code>LabelSelector</code></td>
</tr>
<tr>
<td align="left"><code>storageClassName</code></td>
<td align="left"><code>string</code></td>
</tr>
</tbody>
</table>
<p>• <strong>spec</strong>: <code>PersistentVolumeClaimSpec</code></p>
<h4 id="inherited-from_5">Inherited from<a class="headerlink" href="#inherited-from_5" title="Permanent link">#</a></h4>
<p><a href="../Renderer.K8sApi.KubeObject/">KubeObject</a>.<a href="../Renderer.K8sApi.KubeObject/#spec">spec</a></p>
<hr />
<h3 id="status">status<a class="headerlink" href="#status" title="Permanent link">#</a></h3>
<p>• <strong>status</strong>: <code>Object</code></p>
<h4 id="type-declaration_1">Type declaration<a class="headerlink" href="#type-declaration_1" title="Permanent link">#</a></h4>
<h4 id="type-declaration">Type declaration<a class="headerlink" href="#type-declaration" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
master/extensions/api/classes/Renderer.K8sApi.Pod/index.html
+4 -4
View File
@@ -1459,7 +1459,7 @@
</tr>
<tr>
<td align="left"><code>imagePullSecrets?</code></td>
<td align="left">{ <code>name</code>: <code>string</code> }[]</td>
<td align="left"><code>LocalObjectReference</code>[]</td>
</tr>
<tr>
<td align="left"><code>initContainers</code></td>
@@ -1519,7 +1519,7 @@
</tr>
<tr>
<td align="left"><code>volumes?</code></td>
<td align="left">{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</td>
<td align="left"><code>PodVolume</code>[]</td>
</tr>
</tbody>
</table>
@@ -1966,9 +1966,9 @@ creation timestamp of this object.</p>
<p>WorkloadKubeObject.getTolerations</p>
<hr />
<h3 id="getvolumes">getVolumes<a class="headerlink" href="#getvolumes" title="Permanent link">#</a></h3>
<p>▸ <strong>getVolumes</strong>(): { <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</p>
<p>▸ <strong>getVolumes</strong>(): <code>PodVolume</code>[]</p>
<h4 id="returns_40">Returns<a class="headerlink" href="#returns_40" title="Permanent link">#</a></h4>
<p>{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</p>
<p><code>PodVolume</code>[]</p>
<hr />
<h3 id="hasissues">hasIssues<a class="headerlink" href="#hasissues" title="Permanent link">#</a></h3>
<p>▸ <strong>hasIssues</strong>(): <code>boolean</code></p>
master/extensions/api/classes/Renderer.K8sApi.ReplicaSet/index.html
+2 -2
View File
@@ -1347,7 +1347,7 @@
</tr>
<tr>
<td align="left"><code>template.spec.imagePullSecrets?</code></td>
<td align="left">{ <code>name</code>: <code>string</code> }[]</td>
<td align="left"><code>LocalObjectReference</code>[]</td>
</tr>
<tr>
<td align="left"><code>template.spec.initContainers</code></td>
@@ -1407,7 +1407,7 @@
</tr>
<tr>
<td align="left"><code>template.spec.volumes?</code></td>
<td align="left">{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</td>
<td align="left"><code>PodVolume</code>[]</td>
</tr>
</tbody>
</table>
master/extensions/api/classes/Renderer.LensExtension/index.html
+2 -2
View File
@@ -1181,7 +1181,7 @@
<h3 id="disposers">[Disposers]<a class="headerlink" href="#disposers" title="Permanent link">#</a></h3>
<p>• <strong>[Disposers]</strong>: <code>ExtendableDisposer</code></p>
<h4 id="inherited-from_1">Inherited from<a class="headerlink" href="#inherited-from_1" title="Permanent link">#</a></h4>
<p>LensExtension.__@Disposers@24100</p>
<p>LensExtension.__@Disposers@24184</p>
<hr />
<h3 id="additionalcategorycolumns">additionalCategoryColumns<a class="headerlink" href="#additionalcategorycolumns" title="Permanent link">#</a></h3>
<p>• <strong>additionalCategoryColumns</strong>: <a href="../../interfaces/Renderer.Component.AdditionalCategoryColumnRegistration/"><code>AdditionalCategoryColumnRegistration</code></a>[] = <code>[]</code></p>
@@ -1307,7 +1307,7 @@
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<h4 id="inherited-from_11">Inherited from<a class="headerlink" href="#inherited-from_11" title="Permanent link">#</a></h4>
<p>LensExtension.__@setLensExtensionDependencies@24103</p>
<p>LensExtension.__@setLensExtensionDependencies@24187</p>
<hr />
<h3 id="activate">activate<a class="headerlink" href="#activate" title="Permanent link">#</a></h3>
<p>▸ <strong>activate</strong>(): <code>Promise</code>&lt;<code>void</code>></p>
master/extensions/api/interfaces/Renderer.Component.DrawerItemLabelsProps/index.html
+161 -161
View File
@@ -3309,7 +3309,7 @@ A hint could be a sample value or a brief description of the expected format.</p
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#itemtype">itemType</a></p>
<hr />
<h3 id="labels">labels<a class="headerlink" href="#labels" title="Permanent link">#</a></h3>
<p>• <strong>labels</strong>: <code>string</code>[]</p>
<p>• <strong>labels</strong>: <code>string</code>[] | <code>Record</code>&lt;<code>string</code>, <code>string</code>></p>
<hr />
<h3 id="labelsonly">labelsOnly<a class="headerlink" href="#labelsonly" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>labelsOnly</strong>: <code>boolean</code></p>
@@ -3327,804 +3327,804 @@ A hint could be a sample value or a brief description of the expected format.</p
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#name">name</a></p>
<hr />
<h3 id="onabort">onAbort<a class="headerlink" href="#onabort" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAbort</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAbort</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_77">Inherited from<a class="headerlink" href="#inherited-from_77" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onabort">onAbort</a></p>
<hr />
<h3 id="onabortcapture">onAbortCapture<a class="headerlink" href="#onabortcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAbortCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAbortCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_78">Inherited from<a class="headerlink" href="#inherited-from_78" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onabortcapture">onAbortCapture</a></p>
<hr />
<h3 id="onanimationend">onAnimationEnd<a class="headerlink" href="#onanimationend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationEnd</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationEnd</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_79">Inherited from<a class="headerlink" href="#inherited-from_79" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationend">onAnimationEnd</a></p>
<hr />
<h3 id="onanimationendcapture">onAnimationEndCapture<a class="headerlink" href="#onanimationendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationEndCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationEndCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_80">Inherited from<a class="headerlink" href="#inherited-from_80" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationendcapture">onAnimationEndCapture</a></p>
<hr />
<h3 id="onanimationiteration">onAnimationIteration<a class="headerlink" href="#onanimationiteration" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationIteration</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationIteration</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_81">Inherited from<a class="headerlink" href="#inherited-from_81" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationiteration">onAnimationIteration</a></p>
<hr />
<h3 id="onanimationiterationcapture">onAnimationIterationCapture<a class="headerlink" href="#onanimationiterationcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationIterationCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationIterationCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_82">Inherited from<a class="headerlink" href="#inherited-from_82" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationiterationcapture">onAnimationIterationCapture</a></p>
<hr />
<h3 id="onanimationstart">onAnimationStart<a class="headerlink" href="#onanimationstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationStart</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationStart</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_83">Inherited from<a class="headerlink" href="#inherited-from_83" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationstart">onAnimationStart</a></p>
<hr />
<h3 id="onanimationstartcapture">onAnimationStartCapture<a class="headerlink" href="#onanimationstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationStartCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationStartCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_84">Inherited from<a class="headerlink" href="#inherited-from_84" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationstartcapture">onAnimationStartCapture</a></p>
<hr />
<h3 id="onauxclick">onAuxClick<a class="headerlink" href="#onauxclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAuxClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAuxClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_85">Inherited from<a class="headerlink" href="#inherited-from_85" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onauxclick">onAuxClick</a></p>
<hr />
<h3 id="onauxclickcapture">onAuxClickCapture<a class="headerlink" href="#onauxclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAuxClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAuxClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_86">Inherited from<a class="headerlink" href="#inherited-from_86" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onauxclickcapture">onAuxClickCapture</a></p>
<hr />
<h3 id="onbeforeinput">onBeforeInput<a class="headerlink" href="#onbeforeinput" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBeforeInput</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBeforeInput</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_87">Inherited from<a class="headerlink" href="#inherited-from_87" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onbeforeinput">onBeforeInput</a></p>
<hr />
<h3 id="onbeforeinputcapture">onBeforeInputCapture<a class="headerlink" href="#onbeforeinputcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBeforeInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBeforeInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_88">Inherited from<a class="headerlink" href="#inherited-from_88" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onbeforeinputcapture">onBeforeInputCapture</a></p>
<hr />
<h3 id="onblur">onBlur<a class="headerlink" href="#onblur" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBlur</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBlur</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_89">Inherited from<a class="headerlink" href="#inherited-from_89" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onblur">onBlur</a></p>
<hr />
<h3 id="onblurcapture">onBlurCapture<a class="headerlink" href="#onblurcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBlurCapture</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBlurCapture</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_90">Inherited from<a class="headerlink" href="#inherited-from_90" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onblurcapture">onBlurCapture</a></p>
<hr />
<h3 id="oncanplay">onCanPlay<a class="headerlink" href="#oncanplay" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlay</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlay</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_91">Inherited from<a class="headerlink" href="#inherited-from_91" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplay">onCanPlay</a></p>
<hr />
<h3 id="oncanplaycapture">onCanPlayCapture<a class="headerlink" href="#oncanplaycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_92">Inherited from<a class="headerlink" href="#inherited-from_92" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaycapture">onCanPlayCapture</a></p>
<hr />
<h3 id="oncanplaythrough">onCanPlayThrough<a class="headerlink" href="#oncanplaythrough" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayThrough</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayThrough</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_93">Inherited from<a class="headerlink" href="#inherited-from_93" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaythrough">onCanPlayThrough</a></p>
<hr />
<h3 id="oncanplaythroughcapture">onCanPlayThroughCapture<a class="headerlink" href="#oncanplaythroughcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayThroughCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayThroughCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_94">Inherited from<a class="headerlink" href="#inherited-from_94" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaythroughcapture">onCanPlayThroughCapture</a></p>
<hr />
<h3 id="onchange">onChange<a class="headerlink" href="#onchange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onChange</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onChange</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_95">Inherited from<a class="headerlink" href="#inherited-from_95" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onchange">onChange</a></p>
<hr />
<h3 id="onchangecapture">onChangeCapture<a class="headerlink" href="#onchangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onChangeCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onChangeCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_96">Inherited from<a class="headerlink" href="#inherited-from_96" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onchangecapture">onChangeCapture</a></p>
<hr />
<h3 id="onclick">onClick<a class="headerlink" href="#onclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_97">Inherited from<a class="headerlink" href="#inherited-from_97" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onclick">onClick</a></p>
<hr />
<h3 id="onclickcapture">onClickCapture<a class="headerlink" href="#onclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_98">Inherited from<a class="headerlink" href="#inherited-from_98" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onclickcapture">onClickCapture</a></p>
<hr />
<h3 id="oncompositionend">onCompositionEnd<a class="headerlink" href="#oncompositionend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionEnd</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionEnd</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_99">Inherited from<a class="headerlink" href="#inherited-from_99" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionend">onCompositionEnd</a></p>
<hr />
<h3 id="oncompositionendcapture">onCompositionEndCapture<a class="headerlink" href="#oncompositionendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionEndCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionEndCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_100">Inherited from<a class="headerlink" href="#inherited-from_100" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionendcapture">onCompositionEndCapture</a></p>
<hr />
<h3 id="oncompositionstart">onCompositionStart<a class="headerlink" href="#oncompositionstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionStart</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionStart</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_101">Inherited from<a class="headerlink" href="#inherited-from_101" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionstart">onCompositionStart</a></p>
<hr />
<h3 id="oncompositionstartcapture">onCompositionStartCapture<a class="headerlink" href="#oncompositionstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionStartCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionStartCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_102">Inherited from<a class="headerlink" href="#inherited-from_102" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionstartcapture">onCompositionStartCapture</a></p>
<hr />
<h3 id="oncompositionupdate">onCompositionUpdate<a class="headerlink" href="#oncompositionupdate" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionUpdate</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionUpdate</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_103">Inherited from<a class="headerlink" href="#inherited-from_103" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionupdate">onCompositionUpdate</a></p>
<hr />
<h3 id="oncompositionupdatecapture">onCompositionUpdateCapture<a class="headerlink" href="#oncompositionupdatecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionUpdateCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionUpdateCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_104">Inherited from<a class="headerlink" href="#inherited-from_104" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionupdatecapture">onCompositionUpdateCapture</a></p>
<hr />
<h3 id="oncontextmenu">onContextMenu<a class="headerlink" href="#oncontextmenu" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onContextMenu</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onContextMenu</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_105">Inherited from<a class="headerlink" href="#inherited-from_105" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncontextmenu">onContextMenu</a></p>
<hr />
<h3 id="oncontextmenucapture">onContextMenuCapture<a class="headerlink" href="#oncontextmenucapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onContextMenuCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onContextMenuCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_106">Inherited from<a class="headerlink" href="#inherited-from_106" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncontextmenucapture">onContextMenuCapture</a></p>
<hr />
<h3 id="oncopy">onCopy<a class="headerlink" href="#oncopy" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCopy</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCopy</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_107">Inherited from<a class="headerlink" href="#inherited-from_107" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncopy">onCopy</a></p>
<hr />
<h3 id="oncopycapture">onCopyCapture<a class="headerlink" href="#oncopycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCopyCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCopyCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_108">Inherited from<a class="headerlink" href="#inherited-from_108" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncopycapture">onCopyCapture</a></p>
<hr />
<h3 id="oncut">onCut<a class="headerlink" href="#oncut" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCut</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCut</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_109">Inherited from<a class="headerlink" href="#inherited-from_109" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncut">onCut</a></p>
<hr />
<h3 id="oncutcapture">onCutCapture<a class="headerlink" href="#oncutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCutCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCutCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_110">Inherited from<a class="headerlink" href="#inherited-from_110" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncutcapture">onCutCapture</a></p>
<hr />
<h3 id="ondoubleclick">onDoubleClick<a class="headerlink" href="#ondoubleclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDoubleClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDoubleClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_111">Inherited from<a class="headerlink" href="#inherited-from_111" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondoubleclick">onDoubleClick</a></p>
<hr />
<h3 id="ondoubleclickcapture">onDoubleClickCapture<a class="headerlink" href="#ondoubleclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDoubleClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDoubleClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_112">Inherited from<a class="headerlink" href="#inherited-from_112" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondoubleclickcapture">onDoubleClickCapture</a></p>
<hr />
<h3 id="ondrag">onDrag<a class="headerlink" href="#ondrag" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDrag</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDrag</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_113">Inherited from<a class="headerlink" href="#inherited-from_113" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondrag">onDrag</a></p>
<hr />
<h3 id="ondragcapture">onDragCapture<a class="headerlink" href="#ondragcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_114">Inherited from<a class="headerlink" href="#inherited-from_114" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragcapture">onDragCapture</a></p>
<hr />
<h3 id="ondragend">onDragEnd<a class="headerlink" href="#ondragend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnd</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnd</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_115">Inherited from<a class="headerlink" href="#inherited-from_115" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragend">onDragEnd</a></p>
<hr />
<h3 id="ondragendcapture">onDragEndCapture<a class="headerlink" href="#ondragendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEndCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEndCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_116">Inherited from<a class="headerlink" href="#inherited-from_116" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragendcapture">onDragEndCapture</a></p>
<hr />
<h3 id="ondragenter">onDragEnter<a class="headerlink" href="#ondragenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnter</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnter</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_117">Inherited from<a class="headerlink" href="#inherited-from_117" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragenter">onDragEnter</a></p>
<hr />
<h3 id="ondragentercapture">onDragEnterCapture<a class="headerlink" href="#ondragentercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnterCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnterCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_118">Inherited from<a class="headerlink" href="#inherited-from_118" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragentercapture">onDragEnterCapture</a></p>
<hr />
<h3 id="ondragexit">onDragExit<a class="headerlink" href="#ondragexit" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragExit</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragExit</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_119">Inherited from<a class="headerlink" href="#inherited-from_119" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragexit">onDragExit</a></p>
<hr />
<h3 id="ondragexitcapture">onDragExitCapture<a class="headerlink" href="#ondragexitcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragExitCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragExitCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_120">Inherited from<a class="headerlink" href="#inherited-from_120" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragexitcapture">onDragExitCapture</a></p>
<hr />
<h3 id="ondragleave">onDragLeave<a class="headerlink" href="#ondragleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragLeave</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragLeave</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_121">Inherited from<a class="headerlink" href="#inherited-from_121" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragleave">onDragLeave</a></p>
<hr />
<h3 id="ondragleavecapture">onDragLeaveCapture<a class="headerlink" href="#ondragleavecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragLeaveCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragLeaveCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_122">Inherited from<a class="headerlink" href="#inherited-from_122" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragleavecapture">onDragLeaveCapture</a></p>
<hr />
<h3 id="ondragover">onDragOver<a class="headerlink" href="#ondragover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragOver</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragOver</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_123">Inherited from<a class="headerlink" href="#inherited-from_123" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragover">onDragOver</a></p>
<hr />
<h3 id="ondragovercapture">onDragOverCapture<a class="headerlink" href="#ondragovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragOverCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragOverCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_124">Inherited from<a class="headerlink" href="#inherited-from_124" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragovercapture">onDragOverCapture</a></p>
<hr />
<h3 id="ondragstart">onDragStart<a class="headerlink" href="#ondragstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragStart</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragStart</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_125">Inherited from<a class="headerlink" href="#inherited-from_125" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragstart">onDragStart</a></p>
<hr />
<h3 id="ondragstartcapture">onDragStartCapture<a class="headerlink" href="#ondragstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragStartCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragStartCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_126">Inherited from<a class="headerlink" href="#inherited-from_126" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragstartcapture">onDragStartCapture</a></p>
<hr />
<h3 id="ondrop">onDrop<a class="headerlink" href="#ondrop" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDrop</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDrop</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_127">Inherited from<a class="headerlink" href="#inherited-from_127" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondrop">onDrop</a></p>
<hr />
<h3 id="ondropcapture">onDropCapture<a class="headerlink" href="#ondropcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDropCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDropCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_128">Inherited from<a class="headerlink" href="#inherited-from_128" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondropcapture">onDropCapture</a></p>
<hr />
<h3 id="ondurationchange">onDurationChange<a class="headerlink" href="#ondurationchange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDurationChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDurationChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_129">Inherited from<a class="headerlink" href="#inherited-from_129" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondurationchange">onDurationChange</a></p>
<hr />
<h3 id="ondurationchangecapture">onDurationChangeCapture<a class="headerlink" href="#ondurationchangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDurationChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDurationChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_130">Inherited from<a class="headerlink" href="#inherited-from_130" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondurationchangecapture">onDurationChangeCapture</a></p>
<hr />
<h3 id="onemptied">onEmptied<a class="headerlink" href="#onemptied" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEmptied</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEmptied</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_131">Inherited from<a class="headerlink" href="#inherited-from_131" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onemptied">onEmptied</a></p>
<hr />
<h3 id="onemptiedcapture">onEmptiedCapture<a class="headerlink" href="#onemptiedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEmptiedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEmptiedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_132">Inherited from<a class="headerlink" href="#inherited-from_132" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onemptiedcapture">onEmptiedCapture</a></p>
<hr />
<h3 id="onencrypted">onEncrypted<a class="headerlink" href="#onencrypted" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEncrypted</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEncrypted</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_133">Inherited from<a class="headerlink" href="#inherited-from_133" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onencrypted">onEncrypted</a></p>
<hr />
<h3 id="onencryptedcapture">onEncryptedCapture<a class="headerlink" href="#onencryptedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEncryptedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEncryptedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_134">Inherited from<a class="headerlink" href="#inherited-from_134" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onencryptedcapture">onEncryptedCapture</a></p>
<hr />
<h3 id="onended">onEnded<a class="headerlink" href="#onended" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEnded</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEnded</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_135">Inherited from<a class="headerlink" href="#inherited-from_135" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onended">onEnded</a></p>
<hr />
<h3 id="onendedcapture">onEndedCapture<a class="headerlink" href="#onendedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEndedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEndedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_136">Inherited from<a class="headerlink" href="#inherited-from_136" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onendedcapture">onEndedCapture</a></p>
<hr />
<h3 id="onerror">onError<a class="headerlink" href="#onerror" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onError</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onError</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_137">Inherited from<a class="headerlink" href="#inherited-from_137" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onerror">onError</a></p>
<hr />
<h3 id="onerrorcapture">onErrorCapture<a class="headerlink" href="#onerrorcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onErrorCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onErrorCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_138">Inherited from<a class="headerlink" href="#inherited-from_138" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onerrorcapture">onErrorCapture</a></p>
<hr />
<h3 id="onfocus">onFocus<a class="headerlink" href="#onfocus" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onFocus</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onFocus</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_139">Inherited from<a class="headerlink" href="#inherited-from_139" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onfocus">onFocus</a></p>
<hr />
<h3 id="onfocuscapture">onFocusCapture<a class="headerlink" href="#onfocuscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onFocusCapture</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onFocusCapture</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_140">Inherited from<a class="headerlink" href="#inherited-from_140" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onfocuscapture">onFocusCapture</a></p>
<hr />
<h3 id="ongotpointercapture">onGotPointerCapture<a class="headerlink" href="#ongotpointercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onGotPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onGotPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_141">Inherited from<a class="headerlink" href="#inherited-from_141" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ongotpointercapture">onGotPointerCapture</a></p>
<hr />
<h3 id="ongotpointercapturecapture">onGotPointerCaptureCapture<a class="headerlink" href="#ongotpointercapturecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onGotPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onGotPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_142">Inherited from<a class="headerlink" href="#inherited-from_142" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ongotpointercapturecapture">onGotPointerCaptureCapture</a></p>
<hr />
<h3 id="oninput">onInput<a class="headerlink" href="#oninput" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInput</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInput</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_143">Inherited from<a class="headerlink" href="#inherited-from_143" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninput">onInput</a></p>
<hr />
<h3 id="oninputcapture">onInputCapture<a class="headerlink" href="#oninputcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_144">Inherited from<a class="headerlink" href="#inherited-from_144" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninputcapture">onInputCapture</a></p>
<hr />
<h3 id="oninvalid">onInvalid<a class="headerlink" href="#oninvalid" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInvalid</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInvalid</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_145">Inherited from<a class="headerlink" href="#inherited-from_145" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninvalid">onInvalid</a></p>
<hr />
<h3 id="oninvalidcapture">onInvalidCapture<a class="headerlink" href="#oninvalidcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInvalidCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInvalidCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_146">Inherited from<a class="headerlink" href="#inherited-from_146" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninvalidcapture">onInvalidCapture</a></p>
<hr />
<h3 id="onkeydown">onKeyDown<a class="headerlink" href="#onkeydown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyDown</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyDown</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_147">Inherited from<a class="headerlink" href="#inherited-from_147" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeydown">onKeyDown</a></p>
<hr />
<h3 id="onkeydowncapture">onKeyDownCapture<a class="headerlink" href="#onkeydowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyDownCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyDownCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_148">Inherited from<a class="headerlink" href="#inherited-from_148" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeydowncapture">onKeyDownCapture</a></p>
<hr />
<h3 id="onkeypress">onKeyPress<a class="headerlink" href="#onkeypress" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyPress</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyPress</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<p><strong><code>deprecated</code></strong></p>
<h4 id="inherited-from_149">Inherited from<a class="headerlink" href="#inherited-from_149" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeypress">onKeyPress</a></p>
<hr />
<h3 id="onkeypresscapture">onKeyPressCapture<a class="headerlink" href="#onkeypresscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyPressCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyPressCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<p><strong><code>deprecated</code></strong></p>
<h4 id="inherited-from_150">Inherited from<a class="headerlink" href="#inherited-from_150" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeypresscapture">onKeyPressCapture</a></p>
<hr />
<h3 id="onkeyup">onKeyUp<a class="headerlink" href="#onkeyup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyUp</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyUp</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_151">Inherited from<a class="headerlink" href="#inherited-from_151" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeyup">onKeyUp</a></p>
<hr />
<h3 id="onkeyupcapture">onKeyUpCapture<a class="headerlink" href="#onkeyupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyUpCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyUpCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_152">Inherited from<a class="headerlink" href="#inherited-from_152" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeyupcapture">onKeyUpCapture</a></p>
<hr />
<h3 id="onload">onLoad<a class="headerlink" href="#onload" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoad</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoad</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_153">Inherited from<a class="headerlink" href="#inherited-from_153" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onload">onLoad</a></p>
<hr />
<h3 id="onloadcapture">onLoadCapture<a class="headerlink" href="#onloadcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_154">Inherited from<a class="headerlink" href="#inherited-from_154" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadcapture">onLoadCapture</a></p>
<hr />
<h3 id="onloadstart">onLoadStart<a class="headerlink" href="#onloadstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadStart</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadStart</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_155">Inherited from<a class="headerlink" href="#inherited-from_155" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadstart">onLoadStart</a></p>
<hr />
<h3 id="onloadstartcapture">onLoadStartCapture<a class="headerlink" href="#onloadstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadStartCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadStartCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_156">Inherited from<a class="headerlink" href="#inherited-from_156" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadstartcapture">onLoadStartCapture</a></p>
<hr />
<h3 id="onloadeddata">onLoadedData<a class="headerlink" href="#onloadeddata" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedData</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedData</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_157">Inherited from<a class="headerlink" href="#inherited-from_157" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadeddata">onLoadedData</a></p>
<hr />
<h3 id="onloadeddatacapture">onLoadedDataCapture<a class="headerlink" href="#onloadeddatacapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedDataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedDataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_158">Inherited from<a class="headerlink" href="#inherited-from_158" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadeddatacapture">onLoadedDataCapture</a></p>
<hr />
<h3 id="onloadedmetadata">onLoadedMetadata<a class="headerlink" href="#onloadedmetadata" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedMetadata</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedMetadata</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_159">Inherited from<a class="headerlink" href="#inherited-from_159" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadedmetadata">onLoadedMetadata</a></p>
<hr />
<h3 id="onloadedmetadatacapture">onLoadedMetadataCapture<a class="headerlink" href="#onloadedmetadatacapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedMetadataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedMetadataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_160">Inherited from<a class="headerlink" href="#inherited-from_160" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadedmetadatacapture">onLoadedMetadataCapture</a></p>
<hr />
<h3 id="onlostpointercapture">onLostPointerCapture<a class="headerlink" href="#onlostpointercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLostPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLostPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_161">Inherited from<a class="headerlink" href="#inherited-from_161" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onlostpointercapture">onLostPointerCapture</a></p>
<hr />
<h3 id="onlostpointercapturecapture">onLostPointerCaptureCapture<a class="headerlink" href="#onlostpointercapturecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLostPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLostPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_162">Inherited from<a class="headerlink" href="#inherited-from_162" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onlostpointercapturecapture">onLostPointerCaptureCapture</a></p>
<hr />
<h3 id="onmousedown">onMouseDown<a class="headerlink" href="#onmousedown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseDown</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseDown</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_163">Inherited from<a class="headerlink" href="#inherited-from_163" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousedown">onMouseDown</a></p>
<hr />
<h3 id="onmousedowncapture">onMouseDownCapture<a class="headerlink" href="#onmousedowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseDownCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseDownCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_164">Inherited from<a class="headerlink" href="#inherited-from_164" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousedowncapture">onMouseDownCapture</a></p>
<hr />
<h3 id="onmouseenter">onMouseEnter<a class="headerlink" href="#onmouseenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseEnter</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseEnter</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_165">Inherited from<a class="headerlink" href="#inherited-from_165" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseenter">onMouseEnter</a></p>
<hr />
<h3 id="onmouseleave">onMouseLeave<a class="headerlink" href="#onmouseleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseLeave</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseLeave</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_166">Inherited from<a class="headerlink" href="#inherited-from_166" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseleave">onMouseLeave</a></p>
<hr />
<h3 id="onmousemove">onMouseMove<a class="headerlink" href="#onmousemove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseMove</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseMove</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_167">Inherited from<a class="headerlink" href="#inherited-from_167" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousemove">onMouseMove</a></p>
<hr />
<h3 id="onmousemovecapture">onMouseMoveCapture<a class="headerlink" href="#onmousemovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseMoveCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseMoveCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_168">Inherited from<a class="headerlink" href="#inherited-from_168" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousemovecapture">onMouseMoveCapture</a></p>
<hr />
<h3 id="onmouseout">onMouseOut<a class="headerlink" href="#onmouseout" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOut</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOut</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_169">Inherited from<a class="headerlink" href="#inherited-from_169" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseout">onMouseOut</a></p>
<hr />
<h3 id="onmouseoutcapture">onMouseOutCapture<a class="headerlink" href="#onmouseoutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOutCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOutCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_170">Inherited from<a class="headerlink" href="#inherited-from_170" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseoutcapture">onMouseOutCapture</a></p>
<hr />
<h3 id="onmouseover">onMouseOver<a class="headerlink" href="#onmouseover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOver</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOver</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_171">Inherited from<a class="headerlink" href="#inherited-from_171" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseover">onMouseOver</a></p>
<hr />
<h3 id="onmouseovercapture">onMouseOverCapture<a class="headerlink" href="#onmouseovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOverCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOverCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_172">Inherited from<a class="headerlink" href="#inherited-from_172" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseovercapture">onMouseOverCapture</a></p>
<hr />
<h3 id="onmouseup">onMouseUp<a class="headerlink" href="#onmouseup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseUp</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseUp</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_173">Inherited from<a class="headerlink" href="#inherited-from_173" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseup">onMouseUp</a></p>
<hr />
<h3 id="onmouseupcapture">onMouseUpCapture<a class="headerlink" href="#onmouseupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseUpCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseUpCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_174">Inherited from<a class="headerlink" href="#inherited-from_174" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseupcapture">onMouseUpCapture</a></p>
<hr />
<h3 id="onpaste">onPaste<a class="headerlink" href="#onpaste" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPaste</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPaste</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_175">Inherited from<a class="headerlink" href="#inherited-from_175" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpaste">onPaste</a></p>
<hr />
<h3 id="onpastecapture">onPasteCapture<a class="headerlink" href="#onpastecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPasteCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPasteCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_176">Inherited from<a class="headerlink" href="#inherited-from_176" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpastecapture">onPasteCapture</a></p>
<hr />
<h3 id="onpause">onPause<a class="headerlink" href="#onpause" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPause</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPause</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_177">Inherited from<a class="headerlink" href="#inherited-from_177" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpause">onPause</a></p>
<hr />
<h3 id="onpausecapture">onPauseCapture<a class="headerlink" href="#onpausecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPauseCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPauseCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_178">Inherited from<a class="headerlink" href="#inherited-from_178" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpausecapture">onPauseCapture</a></p>
<hr />
<h3 id="onplay">onPlay<a class="headerlink" href="#onplay" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlay</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlay</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_179">Inherited from<a class="headerlink" href="#inherited-from_179" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplay">onPlay</a></p>
<hr />
<h3 id="onplaycapture">onPlayCapture<a class="headerlink" href="#onplaycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_180">Inherited from<a class="headerlink" href="#inherited-from_180" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplaycapture">onPlayCapture</a></p>
<hr />
<h3 id="onplaying">onPlaying<a class="headerlink" href="#onplaying" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlaying</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlaying</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_181">Inherited from<a class="headerlink" href="#inherited-from_181" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplaying">onPlaying</a></p>
<hr />
<h3 id="onplayingcapture">onPlayingCapture<a class="headerlink" href="#onplayingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlayingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlayingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_182">Inherited from<a class="headerlink" href="#inherited-from_182" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplayingcapture">onPlayingCapture</a></p>
<hr />
<h3 id="onpointercancel">onPointerCancel<a class="headerlink" href="#onpointercancel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerCancel</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerCancel</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_183">Inherited from<a class="headerlink" href="#inherited-from_183" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointercancel">onPointerCancel</a></p>
<hr />
<h3 id="onpointercancelcapture">onPointerCancelCapture<a class="headerlink" href="#onpointercancelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerCancelCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerCancelCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_184">Inherited from<a class="headerlink" href="#inherited-from_184" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointercancelcapture">onPointerCancelCapture</a></p>
<hr />
<h3 id="onpointerdown">onPointerDown<a class="headerlink" href="#onpointerdown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerDown</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerDown</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_185">Inherited from<a class="headerlink" href="#inherited-from_185" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerdown">onPointerDown</a></p>
<hr />
<h3 id="onpointerdowncapture">onPointerDownCapture<a class="headerlink" href="#onpointerdowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerDownCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerDownCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_186">Inherited from<a class="headerlink" href="#inherited-from_186" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerdowncapture">onPointerDownCapture</a></p>
<hr />
<h3 id="onpointerenter">onPointerEnter<a class="headerlink" href="#onpointerenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerEnter</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerEnter</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_187">Inherited from<a class="headerlink" href="#inherited-from_187" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerenter">onPointerEnter</a></p>
<hr />
<h3 id="onpointerentercapture">onPointerEnterCapture<a class="headerlink" href="#onpointerentercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerEnterCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerEnterCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_188">Inherited from<a class="headerlink" href="#inherited-from_188" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerentercapture">onPointerEnterCapture</a></p>
<hr />
<h3 id="onpointerleave">onPointerLeave<a class="headerlink" href="#onpointerleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerLeave</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerLeave</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_189">Inherited from<a class="headerlink" href="#inherited-from_189" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerleave">onPointerLeave</a></p>
<hr />
<h3 id="onpointerleavecapture">onPointerLeaveCapture<a class="headerlink" href="#onpointerleavecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerLeaveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerLeaveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_190">Inherited from<a class="headerlink" href="#inherited-from_190" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerleavecapture">onPointerLeaveCapture</a></p>
<hr />
<h3 id="onpointermove">onPointerMove<a class="headerlink" href="#onpointermove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerMove</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerMove</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_191">Inherited from<a class="headerlink" href="#inherited-from_191" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointermove">onPointerMove</a></p>
<hr />
<h3 id="onpointermovecapture">onPointerMoveCapture<a class="headerlink" href="#onpointermovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerMoveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerMoveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_192">Inherited from<a class="headerlink" href="#inherited-from_192" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointermovecapture">onPointerMoveCapture</a></p>
<hr />
<h3 id="onpointerout">onPointerOut<a class="headerlink" href="#onpointerout" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOut</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOut</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_193">Inherited from<a class="headerlink" href="#inherited-from_193" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerout">onPointerOut</a></p>
<hr />
<h3 id="onpointeroutcapture">onPointerOutCapture<a class="headerlink" href="#onpointeroutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOutCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOutCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_194">Inherited from<a class="headerlink" href="#inherited-from_194" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointeroutcapture">onPointerOutCapture</a></p>
<hr />
<h3 id="onpointerover">onPointerOver<a class="headerlink" href="#onpointerover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOver</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOver</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_195">Inherited from<a class="headerlink" href="#inherited-from_195" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerover">onPointerOver</a></p>
<hr />
<h3 id="onpointerovercapture">onPointerOverCapture<a class="headerlink" href="#onpointerovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOverCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOverCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_196">Inherited from<a class="headerlink" href="#inherited-from_196" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerovercapture">onPointerOverCapture</a></p>
<hr />
<h3 id="onpointerup">onPointerUp<a class="headerlink" href="#onpointerup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerUp</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerUp</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_197">Inherited from<a class="headerlink" href="#inherited-from_197" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerup">onPointerUp</a></p>
<hr />
<h3 id="onpointerupcapture">onPointerUpCapture<a class="headerlink" href="#onpointerupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerUpCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerUpCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_198">Inherited from<a class="headerlink" href="#inherited-from_198" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerupcapture">onPointerUpCapture</a></p>
<hr />
<h3 id="onprogress">onProgress<a class="headerlink" href="#onprogress" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onProgress</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onProgress</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_199">Inherited from<a class="headerlink" href="#inherited-from_199" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onprogress">onProgress</a></p>
<hr />
<h3 id="onprogresscapture">onProgressCapture<a class="headerlink" href="#onprogresscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onProgressCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onProgressCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_200">Inherited from<a class="headerlink" href="#inherited-from_200" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onprogresscapture">onProgressCapture</a></p>
<hr />
<h3 id="onratechange">onRateChange<a class="headerlink" href="#onratechange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onRateChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onRateChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_201">Inherited from<a class="headerlink" href="#inherited-from_201" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onratechange">onRateChange</a></p>
<hr />
<h3 id="onratechangecapture">onRateChangeCapture<a class="headerlink" href="#onratechangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onRateChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onRateChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_202">Inherited from<a class="headerlink" href="#inherited-from_202" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onratechangecapture">onRateChangeCapture</a></p>
<hr />
<h3 id="onreset">onReset<a class="headerlink" href="#onreset" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onReset</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onReset</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_203">Inherited from<a class="headerlink" href="#inherited-from_203" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onreset">onReset</a></p>
<hr />
<h3 id="onresetcapture">onResetCapture<a class="headerlink" href="#onresetcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onResetCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onResetCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_204">Inherited from<a class="headerlink" href="#inherited-from_204" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onresetcapture">onResetCapture</a></p>
<hr />
<h3 id="onscroll">onScroll<a class="headerlink" href="#onscroll" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onScroll</strong>: <code>UIEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onScroll</strong>: <code>UIEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_205">Inherited from<a class="headerlink" href="#inherited-from_205" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onscroll">onScroll</a></p>
<hr />
<h3 id="onscrollcapture">onScrollCapture<a class="headerlink" href="#onscrollcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onScrollCapture</strong>: <code>UIEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onScrollCapture</strong>: <code>UIEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_206">Inherited from<a class="headerlink" href="#inherited-from_206" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onscrollcapture">onScrollCapture</a></p>
<hr />
<h3 id="onseeked">onSeeked<a class="headerlink" href="#onseeked" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeeked</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeeked</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_207">Inherited from<a class="headerlink" href="#inherited-from_207" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseeked">onSeeked</a></p>
<hr />
<h3 id="onseekedcapture">onSeekedCapture<a class="headerlink" href="#onseekedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeekedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeekedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_208">Inherited from<a class="headerlink" href="#inherited-from_208" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseekedcapture">onSeekedCapture</a></p>
<hr />
<h3 id="onseeking">onSeeking<a class="headerlink" href="#onseeking" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeeking</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeeking</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_209">Inherited from<a class="headerlink" href="#inherited-from_209" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseeking">onSeeking</a></p>
<hr />
<h3 id="onseekingcapture">onSeekingCapture<a class="headerlink" href="#onseekingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeekingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeekingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_210">Inherited from<a class="headerlink" href="#inherited-from_210" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseekingcapture">onSeekingCapture</a></p>
<hr />
<h3 id="onselect">onSelect<a class="headerlink" href="#onselect" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSelect</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSelect</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_211">Inherited from<a class="headerlink" href="#inherited-from_211" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onselect">onSelect</a></p>
<hr />
<h3 id="onselectcapture">onSelectCapture<a class="headerlink" href="#onselectcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSelectCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSelectCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_212">Inherited from<a class="headerlink" href="#inherited-from_212" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onselectcapture">onSelectCapture</a></p>
<hr />
<h3 id="onstalled">onStalled<a class="headerlink" href="#onstalled" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onStalled</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onStalled</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_213">Inherited from<a class="headerlink" href="#inherited-from_213" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onstalled">onStalled</a></p>
<hr />
<h3 id="onstalledcapture">onStalledCapture<a class="headerlink" href="#onstalledcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onStalledCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onStalledCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_214">Inherited from<a class="headerlink" href="#inherited-from_214" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onstalledcapture">onStalledCapture</a></p>
<hr />
<h3 id="onsubmit">onSubmit<a class="headerlink" href="#onsubmit" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSubmit</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSubmit</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_215">Inherited from<a class="headerlink" href="#inherited-from_215" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsubmit">onSubmit</a></p>
<hr />
<h3 id="onsubmitcapture">onSubmitCapture<a class="headerlink" href="#onsubmitcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSubmitCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSubmitCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_216">Inherited from<a class="headerlink" href="#inherited-from_216" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsubmitcapture">onSubmitCapture</a></p>
<hr />
<h3 id="onsuspend">onSuspend<a class="headerlink" href="#onsuspend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSuspend</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSuspend</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_217">Inherited from<a class="headerlink" href="#inherited-from_217" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsuspend">onSuspend</a></p>
<hr />
<h3 id="onsuspendcapture">onSuspendCapture<a class="headerlink" href="#onsuspendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSuspendCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSuspendCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_218">Inherited from<a class="headerlink" href="#inherited-from_218" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsuspendcapture">onSuspendCapture</a></p>
<hr />
<h3 id="ontimeupdate">onTimeUpdate<a class="headerlink" href="#ontimeupdate" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTimeUpdate</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTimeUpdate</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_219">Inherited from<a class="headerlink" href="#inherited-from_219" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontimeupdate">onTimeUpdate</a></p>
<hr />
<h3 id="ontimeupdatecapture">onTimeUpdateCapture<a class="headerlink" href="#ontimeupdatecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTimeUpdateCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTimeUpdateCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_220">Inherited from<a class="headerlink" href="#inherited-from_220" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontimeupdatecapture">onTimeUpdateCapture</a></p>
<hr />
<h3 id="ontouchcancel">onTouchCancel<a class="headerlink" href="#ontouchcancel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchCancel</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchCancel</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_221">Inherited from<a class="headerlink" href="#inherited-from_221" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchcancel">onTouchCancel</a></p>
<hr />
<h3 id="ontouchcancelcapture">onTouchCancelCapture<a class="headerlink" href="#ontouchcancelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchCancelCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchCancelCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_222">Inherited from<a class="headerlink" href="#inherited-from_222" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchcancelcapture">onTouchCancelCapture</a></p>
<hr />
<h3 id="ontouchend">onTouchEnd<a class="headerlink" href="#ontouchend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchEnd</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchEnd</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_223">Inherited from<a class="headerlink" href="#inherited-from_223" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchend">onTouchEnd</a></p>
<hr />
<h3 id="ontouchendcapture">onTouchEndCapture<a class="headerlink" href="#ontouchendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchEndCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchEndCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_224">Inherited from<a class="headerlink" href="#inherited-from_224" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchendcapture">onTouchEndCapture</a></p>
<hr />
<h3 id="ontouchmove">onTouchMove<a class="headerlink" href="#ontouchmove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchMove</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchMove</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_225">Inherited from<a class="headerlink" href="#inherited-from_225" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchmove">onTouchMove</a></p>
<hr />
<h3 id="ontouchmovecapture">onTouchMoveCapture<a class="headerlink" href="#ontouchmovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchMoveCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchMoveCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_226">Inherited from<a class="headerlink" href="#inherited-from_226" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchmovecapture">onTouchMoveCapture</a></p>
<hr />
<h3 id="ontouchstart">onTouchStart<a class="headerlink" href="#ontouchstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchStart</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchStart</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_227">Inherited from<a class="headerlink" href="#inherited-from_227" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchstart">onTouchStart</a></p>
<hr />
<h3 id="ontouchstartcapture">onTouchStartCapture<a class="headerlink" href="#ontouchstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchStartCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchStartCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_228">Inherited from<a class="headerlink" href="#inherited-from_228" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchstartcapture">onTouchStartCapture</a></p>
<hr />
<h3 id="ontransitionend">onTransitionEnd<a class="headerlink" href="#ontransitionend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTransitionEnd</strong>: <code>TransitionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTransitionEnd</strong>: <code>TransitionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_229">Inherited from<a class="headerlink" href="#inherited-from_229" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontransitionend">onTransitionEnd</a></p>
<hr />
<h3 id="ontransitionendcapture">onTransitionEndCapture<a class="headerlink" href="#ontransitionendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTransitionEndCapture</strong>: <code>TransitionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTransitionEndCapture</strong>: <code>TransitionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_230">Inherited from<a class="headerlink" href="#inherited-from_230" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontransitionendcapture">onTransitionEndCapture</a></p>
<hr />
<h3 id="onvolumechange">onVolumeChange<a class="headerlink" href="#onvolumechange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onVolumeChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onVolumeChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_231">Inherited from<a class="headerlink" href="#inherited-from_231" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onvolumechange">onVolumeChange</a></p>
<hr />
<h3 id="onvolumechangecapture">onVolumeChangeCapture<a class="headerlink" href="#onvolumechangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onVolumeChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onVolumeChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_232">Inherited from<a class="headerlink" href="#inherited-from_232" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onvolumechangecapture">onVolumeChangeCapture</a></p>
<hr />
<h3 id="onwaiting">onWaiting<a class="headerlink" href="#onwaiting" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWaiting</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWaiting</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_233">Inherited from<a class="headerlink" href="#inherited-from_233" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwaiting">onWaiting</a></p>
<hr />
<h3 id="onwaitingcapture">onWaitingCapture<a class="headerlink" href="#onwaitingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWaitingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWaitingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_234">Inherited from<a class="headerlink" href="#inherited-from_234" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwaitingcapture">onWaitingCapture</a></p>
<hr />
<h3 id="onwheel">onWheel<a class="headerlink" href="#onwheel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWheel</strong>: <code>WheelEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWheel</strong>: <code>WheelEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_235">Inherited from<a class="headerlink" href="#inherited-from_235" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwheel">onWheel</a></p>
<hr />
<h3 id="onwheelcapture">onWheelCapture<a class="headerlink" href="#onwheelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWheelCapture</strong>: <code>WheelEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWheelCapture</strong>: <code>WheelEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_236">Inherited from<a class="headerlink" href="#inherited-from_236" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwheelcapture">onWheelCapture</a></p>
<hr />
master/extensions/api/interfaces/Renderer.Component.DrawerItemProps/index.html
+361 -361
View File
File diff suppressed because it is too large. Load diff
master/extensions/api/interfaces/Renderer.Component.DrawerTitleProps/index.html
+18 -5
View File
@@ -739,6 +739,13 @@
<nav class="md-nav" aria-label="Properties">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#children" class="md-nav__link">
children
</a>
</li>
<li class="md-nav__item">
<a href="#classname" class="md-nav__link">
className
@@ -747,8 +754,8 @@
</li>
<li class="md-nav__item">
<a href="#title" class="md-nav__link">
title
<a href="#size" class="md-nav__link">
size
</a>
</li>
@@ -777,15 +784,21 @@
<h2 id="table-of-contents">Table of contents<a class="headerlink" href="#table-of-contents" title="Permanent link">#</a></h2>
<h3 id="properties">Properties<a class="headerlink" href="#properties" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#children">children</a></li>
<li><a href="./#classname">className</a></li>
<li><a href="./#title">title</a></li>
<li><a href="./#size">size</a></li>
</ul>
<h2 id="properties_1">Properties<a class="headerlink" href="#properties_1" title="Permanent link">#</a></h2>
<h3 id="children">children<a class="headerlink" href="#children" title="Permanent link">#</a></h3>
<p>• <strong>children</strong>: <code>ReactNode</code></p>
<hr />
<h3 id="classname">className<a class="headerlink" href="#classname" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>className</strong>: <code>string</code></p>
<hr />
<h3 id="title">title<a class="headerlink" href="#title" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>title</strong>: <code>ReactNode</code></p>
<h3 id="size">size<a class="headerlink" href="#size" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>size</strong>: <code>"title"</code> | <code>"sub-title"</code></p>
<p>Specifies how large this title is</p>
<p><strong><code>default</code></strong> "title"</p>
master/extensions/api/interfaces/Renderer.K8sApi.IPodContainer/index.html
+1 -1
View File
@@ -891,7 +891,7 @@
<p>• <code>Optional</code> <strong>env</strong>: { <code>name</code>: <code>string</code> ; <code>value?</code>: <code>string</code> ; <code>valueFrom?</code>: { <code>configMapKeyRef?</code>: { <code>key</code>: <code>string</code> ; <code>name</code>: <code>string</code> } ; <code>fieldRef?</code>: { <code>apiVersion</code>: <code>string</code> ; <code>fieldPath</code>: <code>string</code> } ; <code>secretKeyRef?</code>: { <code>key</code>: <code>string</code> ; <code>name</code>: <code>string</code> } } }[]</p>
<hr />
<h3 id="envfrom">envFrom<a class="headerlink" href="#envfrom" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>envFrom</strong>: { <code>configMapRef?</code>: { <code>name</code>: <code>string</code> } ; <code>secretRef?</code>: { <code>name</code>: <code>string</code> } }[]</p>
<p>• <code>Optional</code> <strong>envFrom</strong>: { <code>configMapRef?</code>: <code>LocalObjectReference</code> ; <code>secretRef?</code>: <code>LocalObjectReference</code> }[]</p>
<hr />
<h3 id="image">image<a class="headerlink" href="#image" title="Permanent link">#</a></h3>
<p>• <strong>image</strong>: <code>string</code></p>
master/extensions/api/modules/Renderer.Component/index.html
+83 -29
View File
@@ -1024,11 +1024,25 @@
<nav class="md-nav" aria-label="Functions">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#draweritem" class="md-nav__link">
DrawerItem
</a>
</li>
<li class="md-nav__item">
<a href="#draweritemlabels" class="md-nav__link">
DrawerItemLabels
</a>
</li>
<li class="md-nav__item">
<a href="#drawertitle" class="md-nav__link">
DrawerTitle
</a>
</li>
<li class="md-nav__item">
@@ -1157,9 +1171,7 @@
<li><a href="../../classes/Renderer.Component.Checkbox/">Checkbox</a></li>
<li><a href="../../classes/Renderer.Component.ConfirmDialog/">ConfirmDialog</a></li>
<li><a href="../../classes/Renderer.Component.Dialog/">Dialog</a></li>
<li><a href="../../classes/Renderer.Component.DrawerItem/">DrawerItem</a></li>
<li><a href="../../classes/Renderer.Component.DrawerParamToggler/">DrawerParamToggler</a></li>
<li><a href="../../classes/Renderer.Component.DrawerTitle/">DrawerTitle</a></li>
<li><a href="../../classes/Renderer.Component.Icon/">Icon</a></li>
<li><a href="../../classes/Renderer.Component.Input/">Input</a></li>
<li><a href="../../classes/Renderer.Component.KubeObjectDetails/">KubeObjectDetails</a></li>
@@ -1301,7 +1313,9 @@
</ul>
<h3 id="functions">Functions<a class="headerlink" href="#functions" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#draweritem">DrawerItem</a></li>
<li><a href="./#draweritemlabels">DrawerItemLabels</a></li>
<li><a href="./#drawertitle">DrawerTitle</a></li>
<li><a href="./#formswitch">FormSwitch</a></li>
<li><a href="./#kubeobjectlistlayout">KubeObjectListLayout</a></li>
<li><a href="./#kubeobjectmenu">KubeObjectMenu</a></li>
@@ -1523,9 +1537,29 @@ last clicked Node should be "active" while Pod details are shown).</p>
<h3 id="terminalstore">terminalStore<a class="headerlink" href="#terminalstore" title="Permanent link">#</a></h3>
<p>• <strong>terminalStore</strong>: <code>TerminalStore</code> &amp; { <code>sendCommand</code>: (<code>command</code>: <code>string</code>, <code>options</code>: <code>SendCommandOptions</code>) =&gt; <code>Promise</code>&lt;<code>void</code>> }</p>
<h2 id="functions_1">Functions<a class="headerlink" href="#functions_1" title="Permanent link">#</a></h2>
<h3 id="draweritem">DrawerItem<a class="headerlink" href="#draweritem" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerItem</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_1">Parameters<a class="headerlink" href="#parameters_1" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>__namedParameters</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerItemProps/"><code>DrawerItemProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_1">Returns<a class="headerlink" href="#returns_1" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="draweritemlabels">DrawerItemLabels<a class="headerlink" href="#draweritemlabels" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerItemLabels</strong>(<code>props</code>): <code>Element</code></p>
<h4 id="parameters_1">Parameters<a class="headerlink" href="#parameters_1" title="Permanent link">#</a></h4>
<h4 id="parameters_2">Parameters<a class="headerlink" href="#parameters_2" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1540,13 +1574,33 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_1">Returns<a class="headerlink" href="#returns_1" title="Permanent link">#</a></h4>
<h4 id="returns_2">Returns<a class="headerlink" href="#returns_2" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="drawertitle">DrawerTitle<a class="headerlink" href="#drawertitle" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerTitle</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_3">Parameters<a class="headerlink" href="#parameters_3" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>__namedParameters</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerTitleProps/"><code>DrawerTitleProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_3">Returns<a class="headerlink" href="#returns_3" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="formswitch">FormSwitch<a class="headerlink" href="#formswitch" title="Permanent link">#</a></h3>
<p>▸ <strong>FormSwitch</strong>(<code>props</code>): <code>Element</code></p>
<p><strong><code>deprecated</code></strong> Use <Switch/> instead from "../switch.tsx".</p>
<h4 id="parameters_2">Parameters<a class="headerlink" href="#parameters_2" title="Permanent link">#</a></h4>
<h4 id="parameters_4">Parameters<a class="headerlink" href="#parameters_4" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1561,7 +1615,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_2">Returns<a class="headerlink" href="#returns_2" title="Permanent link">#</a></h4>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="kubeobjectlistlayout">KubeObjectListLayout<a class="headerlink" href="#kubeobjectlistlayout" title="Permanent link">#</a></h3>
@@ -1581,7 +1635,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_3">Parameters<a class="headerlink" href="#parameters_3" title="Permanent link">#</a></h4>
<h4 id="parameters_5">Parameters<a class="headerlink" href="#parameters_5" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1596,7 +1650,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_3">Returns<a class="headerlink" href="#returns_3" title="Permanent link">#</a></h4>
<h4 id="returns_5">Returns<a class="headerlink" href="#returns_5" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="kubeobjectmenu">KubeObjectMenu<a class="headerlink" href="#kubeobjectmenu" title="Permanent link">#</a></h3>
@@ -1616,7 +1670,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_4">Parameters<a class="headerlink" href="#parameters_4" title="Permanent link">#</a></h4>
<h4 id="parameters_6">Parameters<a class="headerlink" href="#parameters_6" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1631,12 +1685,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<h4 id="returns_6">Returns<a class="headerlink" href="#returns_6" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="submenu">SubMenu<a class="headerlink" href="#submenu" title="Permanent link">#</a></h3>
<p>▸ <strong>SubMenu</strong>(<code>props</code>): <code>Element</code></p>
<h4 id="parameters_5">Parameters<a class="headerlink" href="#parameters_5" title="Permanent link">#</a></h4>
<h4 id="parameters_7">Parameters<a class="headerlink" href="#parameters_7" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1651,12 +1705,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_5">Returns<a class="headerlink" href="#returns_5" title="Permanent link">#</a></h4>
<h4 id="returns_7">Returns<a class="headerlink" href="#returns_7" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="switch">Switch<a class="headerlink" href="#switch" title="Permanent link">#</a></h3>
<p>▸ <strong>Switch</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_6">Parameters<a class="headerlink" href="#parameters_6" title="Permanent link">#</a></h4>
<h4 id="parameters_8">Parameters<a class="headerlink" href="#parameters_8" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1671,12 +1725,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_6">Returns<a class="headerlink" href="#returns_6" title="Permanent link">#</a></h4>
<h4 id="returns_8">Returns<a class="headerlink" href="#returns_8" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="tablayout">TabLayout<a class="headerlink" href="#tablayout" title="Permanent link">#</a></h3>
<p>▸ <code>Const</code> <strong>TabLayout</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_7">Parameters<a class="headerlink" href="#parameters_7" title="Permanent link">#</a></h4>
<h4 id="parameters_9">Parameters<a class="headerlink" href="#parameters_9" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1691,7 +1745,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_7">Returns<a class="headerlink" href="#returns_7" title="Permanent link">#</a></h4>
<h4 id="returns_9">Returns<a class="headerlink" href="#returns_9" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="table">Table<a class="headerlink" href="#table" title="Permanent link">#</a></h3>
@@ -1709,7 +1763,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_8">Parameters<a class="headerlink" href="#parameters_8" title="Permanent link">#</a></h4>
<h4 id="parameters_10">Parameters<a class="headerlink" href="#parameters_10" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1724,12 +1778,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_8">Returns<a class="headerlink" href="#returns_8" title="Permanent link">#</a></h4>
<h4 id="returns_10">Returns<a class="headerlink" href="#returns_10" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="createterminaltab">createTerminalTab<a class="headerlink" href="#createterminaltab" title="Permanent link">#</a></h3>
<p>▸ <code>Const</code> <strong>createTerminalTab</strong>(<code>tabParams?</code>): <code>Required</code>&lt;<code>DockTabCreate</code>></p>
<h4 id="parameters_9">Parameters<a class="headerlink" href="#parameters_9" title="Permanent link">#</a></h4>
<h4 id="parameters_11">Parameters<a class="headerlink" href="#parameters_11" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1744,12 +1798,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_9">Returns<a class="headerlink" href="#returns_9" title="Permanent link">#</a></h4>
<h4 id="returns_11">Returns<a class="headerlink" href="#returns_11" title="Permanent link">#</a></h4>
<p><code>Required</code>&lt;<code>DockTabCreate</code>></p>
<hr />
<h3 id="getdetailsurl">getDetailsUrl<a class="headerlink" href="#getdetailsurl" title="Permanent link">#</a></h3>
<p>▸ <strong>getDetailsUrl</strong>(<code>selfLink</code>, <code>resetSelected?</code>, <code>mergeGlobals?</code>): <code>string</code></p>
<h4 id="parameters_10">Parameters<a class="headerlink" href="#parameters_10" title="Permanent link">#</a></h4>
<h4 id="parameters_12">Parameters<a class="headerlink" href="#parameters_12" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1776,17 +1830,17 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_10">Returns<a class="headerlink" href="#returns_10" title="Permanent link">#</a></h4>
<h4 id="returns_12">Returns<a class="headerlink" href="#returns_12" title="Permanent link">#</a></h4>
<p><code>string</code></p>
<hr />
<h3 id="hidedetails">hideDetails<a class="headerlink" href="#hidedetails" title="Permanent link">#</a></h3>
<p>▸ <strong>hideDetails</strong>(): <code>void</code></p>
<h4 id="returns_11">Returns<a class="headerlink" href="#returns_11" title="Permanent link">#</a></h4>
<h4 id="returns_13">Returns<a class="headerlink" href="#returns_13" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="showdetails">showDetails<a class="headerlink" href="#showdetails" title="Permanent link">#</a></h3>
<p>▸ <strong>showDetails</strong>(<code>selfLink?</code>, <code>resetSelected?</code>): <code>void</code></p>
<h4 id="parameters_11">Parameters<a class="headerlink" href="#parameters_11" title="Permanent link">#</a></h4>
<h4 id="parameters_13">Parameters<a class="headerlink" href="#parameters_13" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1808,12 +1862,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_12">Returns<a class="headerlink" href="#returns_12" title="Permanent link">#</a></h4>
<h4 id="returns_14">Returns<a class="headerlink" href="#returns_14" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="toggledetails">toggleDetails<a class="headerlink" href="#toggledetails" title="Permanent link">#</a></h3>
<p>▸ <strong>toggleDetails</strong>(<code>selfLink</code>, <code>resetSelected?</code>): <code>void</code></p>
<h4 id="parameters_12">Parameters<a class="headerlink" href="#parameters_12" title="Permanent link">#</a></h4>
<h4 id="parameters_14">Parameters<a class="headerlink" href="#parameters_14" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1835,7 +1889,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_13">Returns<a class="headerlink" href="#returns_13" title="Permanent link">#</a></h4>
<h4 id="returns_15">Returns<a class="headerlink" href="#returns_15" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="withtooltip">withTooltip<a class="headerlink" href="#withtooltip" title="Permanent link">#</a></h3>
@@ -1855,7 +1909,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_13">Parameters<a class="headerlink" href="#parameters_13" title="Permanent link">#</a></h4>
<h4 id="parameters_15">Parameters<a class="headerlink" href="#parameters_15" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@@ -1870,7 +1924,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_14">Returns<a class="headerlink" href="#returns_14" title="Permanent link">#</a></h4>
<h4 id="returns_16">Returns<a class="headerlink" href="#returns_16" title="Permanent link">#</a></h4>
<p><code>T</code></p>
master/extensions/guides/renderer-extension/index.html
+115 -116
View File
@@ -1046,11 +1046,11 @@ The Renderer Extension API allows you to access, configure, and customize Lens d
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtensionMain</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">onActivate</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;custom renderer process extension code started&#39;</span><span class="p">);</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;custom renderer process extension code started&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="nx">onDeactivate</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;custom renderer process extension de-activated&#39;</span><span class="p">);</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;custom renderer process extension de-activated&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1060,13 +1060,12 @@ You can initiate custom code by implementing <code>onActivate()</code>.
Implementing <code>onDeactivate()</code> gives you the opportunity to clean up after your extension.</p>
<div class="admonition info">
<p class="admonition-title">Info</p>
<p>Disable extensions from the Lens Extensions page:</p>
<ol>
<li>Navigate to <strong>File</strong> &gt; <strong>Extensions</strong> in the top menu bar.
(On Mac, it is <strong>Lens</strong> &gt; <strong>Extensions</strong>.)</li>
<li>For the extension you want to disable, open the context menu (click on the three vertical dots) and choose <strong>Disable</strong>.</li>
</ol>
</div>
<p>Disable extensions from the Lens Extensions page:</p>
<div class="highlight"><pre><span></span><code>1. Navigate to **File** &gt; **Extensions** in the top menu bar.
(On Mac, it is **Lens** &gt; **Extensions**.)
2. For the extension you want to disable, open the context menu (click on the three vertical dots) and choose **Disable**.
</code></pre></div>
<p>The example above logs messages when the extension is enabled and disabled.</p>
<h3 id="clusterpages"><code>clusterPages</code><a class="headerlink" href="#clusterpages" title="Permanent link">#</a></h3>
<p>Cluster pages appear in the cluster dashboard.
@@ -1075,17 +1074,17 @@ It is also possible to include custom details from other clusters.
Use your extension to access Kubernetes resources in the active cluster with <a href="../stores#Clusterstore"><code>ClusterStore.getInstance()</code></a>.</p>
<p>Add a cluster page definition to a <code>Renderer.LensExtension</code> subclass with the following example:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1095,19 +1094,21 @@ The properties of the <code>clusterPages</code> array objects are defined as fol
<li><code>id</code> is a string that identifies the page.</li>
<li><code>components</code> matches the <code>PageComponents</code> interface for which there is one field, <code>Page</code>.</li>
<li><code>Page</code> is of type <code>React.ComponentType&lt;any&gt;</code>.
It offers flexibility in defining the appearance and behavior of your page.</li>
It offers flexibility in defining the appearance and behavior of your page.</li>
</ul>
<p><code>ExamplePage</code> in the example above can be defined in <code>page.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">LensRendererExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">LensRendererExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Hello</span> <span class="nx">world</span><span class="o">!&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1120,17 +1121,17 @@ Use <code>clusterPageMenus</code>, covered in the next section, to add cluster p
<p><code>clusterPageMenus</code> allows you to add cluster page menu items to the secondary left nav, below Lens's standard cluster menus like <strong>Workloads</strong>, <strong>Custom Resources</strong>, etc.</p>
<p>By expanding on the above example, you can add a cluster page menu item to the <code>ExampleExtension</code> definition:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">clusterPageMenus</span> <span class="o">=</span> <span class="p">[</span>
@@ -1139,7 +1140,7 @@ Use <code>clusterPageMenus</code>, covered in the next section, to add cluster p
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Hello World&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
@@ -1157,7 +1158,7 @@ The properties of the <code>clusterPageMenus</code> array objects are defined as
When users click <strong>Hello World</strong>, the cluster dashboard will show the contents of <code>Example Page</code>.</p>
<p>This example requires the definition of another React-based component, <code>ExampleIcon</code>, which has been added to <code>page.tsx</code>, as follows:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">IconProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">IconProps</span><span class="p">;</span>
@@ -1166,16 +1167,18 @@ When users click <strong>Hello World</strong>, the cluster dashboard will show t
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">function</span> <span class="nx">ExampleIcon</span><span class="p">(</span><span class="nx">props</span>: <span class="kt">IconProps</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">Icon</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;pages&quot;</span> <span class="nx">tooltip</span><span class="o">=</span><span class="p">{</span><span class="s2">&quot;Hi!&quot;</span><span class="p">}</span><span class="o">/&gt;</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">Icon</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;pages&quot;</span> <span class="nx">tooltip</span><span class="o">=</span><span class="p">{</span><span class="s2">&quot;Hi!&quot;</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">Renderer.LensExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">Renderer.LensExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Hello</span> <span class="nx">world</span><span class="o">!&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1189,23 +1192,23 @@ The properties that <code>Renderer.Component.Icon</code> uses are defined as fol
<p><code>clusterPageMenus</code> can also be used to define sub menu items, so that you can create groups of cluster pages.
The following example groups two sub menu items under one parent menu item:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;bonjour&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExemplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExemplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">clusterPageMenus</span> <span class="o">=</span> <span class="p">[</span>
@@ -1214,7 +1217,7 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Greetings&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">parentId</span><span class="o">:</span> <span class="s2">&quot;example&quot;</span><span class="p">,</span>
@@ -1222,7 +1225,7 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Hello World&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">parentId</span><span class="o">:</span> <span class="s2">&quot;example&quot;</span><span class="p">,</span>
@@ -1230,8 +1233,8 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Bonjour le monde&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExempleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1253,18 +1256,18 @@ A cluster page menu object is defined to be a submenu item by setting the <code>
Their primary use is to display information and provide functionality across clusters (or catalog entities), including customized data and functionality unique to your extension.</p>
<p>Unlike cluster pages, users can trigger global pages even when there is no active cluster (or catalog entity).</p>
<p>The following example defines a <code>Renderer.LensExtension</code> subclass with a single global page definition:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;@k8slens/extensions&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;./page&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s1">&#39;react&#39;</span><span class="p">;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">HelpExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">globalPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;help&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1274,19 +1277,21 @@ The properties of the <code>globalPages</code> array objects are defined as foll
<li><code>id</code> is a string that identifies the page.</li>
<li><code>components</code> matches the <code>PageComponents</code> interface for which there is one field, <code>Page</code>.</li>
<li><code>Page</code> is of type <code>React.ComponentType&lt;any&gt;</code>.
It offers flexibility in defining the appearance and behavior of your page.</li>
It offers flexibility in defining the appearance and behavior of your page.</li>
</ul>
<p><code>HelpPage</code> in the example above can be defined in <code>page.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">HelpPage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">LensRendererExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">HelpPage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">LensRendererExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Help</span> <span class="nx">yourself</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1306,22 +1311,24 @@ Global pages are typically made available in the following ways:</p>
You can use Lens extensions to add custom preferences to the Preferences page, providing a single location for users to configure global options.</p>
<p>The following example demonstrates adding a custom preference:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExamplePreferenceHint</span><span class="p">,</span> <span class="nx">ExamplePreferenceInput</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/example-preference&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span>
<span class="nx">ExamplePreferenceHint</span><span class="p">,</span>
<span class="nx">ExamplePreferenceInput</span><span class="p">,</span>
<span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/example-preference&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">observable</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;mobx&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleRendererExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="kd">@observable</span> <span class="nx">preference</span> <span class="o">=</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span> <span class="p">};</span>
<span class="nx">appPreferences</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Example Preferences&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Input</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceInput</span> <span class="nx">preference</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">preference</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="nx">Hint</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceHint</span><span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Input</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceInput</span> <span class="nx">preference</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">preference</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="nx">Hint</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceHint</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1329,16 +1336,14 @@ You can use Lens extensions to add custom preferences to the Preferences page, p
The properties of the <code>appPreferences</code> array objects are defined as follows:</p>
<ul>
<li><code>title</code> sets the heading text displayed on the Preferences page.</li>
<li><code>components</code> specifies two <code>React.Component</code> objects that define the interface for the preference.<ul>
<li><code>components</code> specifies two <code>React.Component</code> objects that define the interface for the preference.</li>
<li><code>Input</code> specifies an interactive input element for the preference.</li>
<li><code>Hint</code> provides descriptive information for the preference, shown below the <code>Input</code> element.</li>
</ul>
</li>
</ul>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>Note that the input and the hint can be comprised of more sophisticated elements, according to the needs of the extension.</p>
</div>
<p>Note that the input and the hint can be comprised of more sophisticated elements, according to the needs of the extension.</p>
<p><code>ExamplePreferenceInput</code> expects its React props to be set to an <code>ExamplePreferenceProps</code> instance.
This is how <code>ExampleRendererExtension</code> handles the state of the preference input.
<code>ExampleRendererExtension</code> has a <code>preference</code> field, which you will add to <code>ExamplePreferenceInput</code>.</p>
@@ -1349,22 +1354,19 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Checkbox</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">Checkbox</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceProps</span> <span class="p">{</span>
<span class="nx">preference</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">enabled</span>: <span class="kt">boolean</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">};</span>
<span class="p">}</span>
<span class="kd">@observer</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceInput</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="nx">ExamplePreferenceProps</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">public</span> <span class="kr">constructor</span><span class="p">()</span> <span class="p">{</span>
<span class="k">super</span><span class="p">({</span><span class="nx">preference</span><span class="o">:</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span><span class="p">}});</span>
<span class="k">super</span><span class="p">({</span> <span class="nx">preference</span><span class="o">:</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span> <span class="p">}</span> <span class="p">});</span>
<span class="nx">makeObservable</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="p">}</span>
@@ -1374,7 +1376,9 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="o">&lt;</span><span class="nx">Checkbox</span>
<span class="nx">label</span><span class="o">=</span><span class="s2">&quot;I understand appPreferences&quot;</span>
<span class="nx">value</span><span class="o">=</span><span class="p">{</span><span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span><span class="p">}</span>
<span class="nx">onChange</span><span class="o">=</span><span class="p">{</span><span class="nx">v</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span> <span class="o">=</span> <span class="nx">v</span><span class="p">;</span> <span class="p">}}</span>
<span class="nx">onChange</span><span class="o">=</span><span class="p">{(</span><span class="nx">v</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">{</span>
<span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span> <span class="o">=</span> <span class="nx">v</span><span class="p">;</span>
<span class="p">}}</span>
<span class="o">/&gt;</span>
<span class="p">);</span>
<span class="p">}</span>
@@ -1382,9 +1386,7 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceHint</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">span</span><span class="o">&gt;</span><span class="nx">This</span> <span class="nx">is</span> <span class="nx">an</span> <span class="nx">example</span> <span class="k">of</span> <span class="nx">an</span> <span class="nx">appPreference</span> <span class="k">for</span> <span class="nx">extensions</span><span class="p">.</span><span class="o">&lt;</span><span class="err">/span&gt;</span>
<span class="p">);</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">span</span><span class="o">&gt;</span><span class="nx">This</span> <span class="nx">is</span> <span class="nx">an</span> <span class="nx">example</span> <span class="k">of</span> <span class="nx">an</span> <span class="nx">appPreference</span> <span class="k">for</span> <span class="nx">extensions</span><span class="p">.</span><span class="o">&lt;</span><span class="err">/span&gt;;</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1414,18 +1416,18 @@ However, we recommend that you manage your extension's state data using <a href=
They can be used to display status information, or act as links to global pages as well as external pages.</p>
<p>The following example adds a <code>statusBarItems</code> definition and a <code>globalPages</code> definition to a <code>LensRendererExtension</code> subclass.
It configures the status bar item to navigate to the global page upon activation (normally a mouse click):</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;@k8slens/extensions&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpIcon</span><span class="p">,</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s1">&#39;react&#39;</span><span class="p">;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpIcon</span><span class="p">,</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">HelpExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">globalPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;help&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">statusBarItems</span> <span class="o">=</span> <span class="p">[</span>
@@ -1439,7 +1441,7 @@ It configures the status bar item to navigate to the global page upon activation
<span class="o">&lt;</span><span class="nx">HelpIcon</span> <span class="o">/&gt;</span>
<span class="nx">My</span> <span class="nx">Status</span> <span class="nx">Bar</span> <span class="nx">Item</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
@@ -1448,13 +1450,13 @@ It configures the status bar item to navigate to the global page upon activation
<p>The properties of the <code>statusBarItems</code> array objects are defined as follows:</p>
<ul>
<li><code>Item</code> specifies the <code>React.Component</code> that will be shown on the status bar.
By default, items are added starting from the right side of the status bar.
Due to limited space in the status bar, <code>Item</code> will typically specify only an icon or a short string of text.
The example above reuses the <code>HelpIcon</code> from the <a href="#globalpagemenus"><code>globalPageMenus</code> guide</a>.</li>
By default, items are added starting from the right side of the status bar.
Due to limited space in the status bar, <code>Item</code> will typically specify only an icon or a short string of text.
The example above reuses the <code>HelpIcon</code> from the <a href="#globalpagemenus"><code>globalPageMenus</code> guide</a>.</li>
<li><code>onClick</code> determines what the <code>statusBarItem</code> does when it is clicked.
In the example, <code>onClick</code> is set to a function that calls the <code>LensRendererExtension</code> <code>navigate()</code> method.
<code>navigate</code> takes the <code>id</code> of the associated global page as a parameter.
Thus, clicking the status bar item activates the associated global pages.</li>
In the example, <code>onClick</code> is set to a function that calls the <code>LensRendererExtension</code> <code>navigate()</code> method.
<code>navigate</code> takes the <code>id</code> of the associated global page as a parameter.
Thus, clicking the status bar item activates the associated global pages.</li>
</ul>
<h3 id="kubeobjectmenuitems"><code>kubeObjectMenuItems</code><a class="headerlink" href="#kubeobjectmenuitems" title="Permanent link">#</a></h3>
<p>An extension can add custom menu items (<code>kubeObjectMenuItems</code>) for specific Kubernetes resource kinds and apiVersions.
@@ -1463,9 +1465,9 @@ Thus, clicking the status bar item activates the associated global pages.</li>
<p>They also appear on the title bar of the details page for specific resources:</p>
<p><img alt="Details" src="../images/kubeobjectmenuitemdetail.png" /></p>
<p>The following example shows how to add a <code>kubeObjectMenuItems</code> for namespace resources with an associated action:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">NamespaceMenuItem</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/namespace-menu-item&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">NamespaceMenuItem</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/namespace-menu-item&quot;</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">KubeObjectMenuProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">KubeObjectMenuProps</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">Namespace</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Namespace</span><span class="p">;</span>
@@ -1476,9 +1478,11 @@ Thus, clicking the status bar item activates the associated global pages.</li>
<span class="nx">kind</span><span class="o">:</span> <span class="s2">&quot;Namespace&quot;</span><span class="p">,</span>
<span class="nx">apiVersions</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;v1&quot;</span><span class="p">],</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">MenuItem</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectMenuProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">NamespaceMenuItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">MenuItem</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectMenuProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">NamespaceMenuItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1490,18 +1494,14 @@ The properties of the <code>kubeObjectMenuItems</code> array objects are defined
<li><code>apiVersion</code> specifies the Kubernetes API version number to use with the resource type.</li>
<li><code>components</code> defines the menu item's appearance and behavior.</li>
<li><code>MenuItem</code> provides a function that returns a <code>React.Component</code> given a set of menu item properties.
In this example a <code>NamespaceMenuItem</code> object is returned.</li>
In this example a <code>NamespaceMenuItem</code> object is returned.</li>
</ul>
<p><code>NamespaceMenuItem</code> is defined in <code>./src/namespace-menu-item.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">terminalStore</span><span class="p">,</span>
<span class="nx">MenuItem</span><span class="p">,</span>
<span class="nx">Icon</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">terminalStore</span><span class="p">,</span> <span class="nx">MenuItem</span><span class="p">,</span> <span class="nx">Icon</span> <span class="p">},</span>
<span class="nx">Navigation</span><span class="p">,</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
@@ -1528,7 +1528,11 @@ In this example a <code>NamespaceMenuItem</code> object is returned.</li>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">MenuItem</span> <span class="nx">onClick</span><span class="o">=</span><span class="p">{</span><span class="nx">getPods</span><span class="p">}</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">Icon</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;speaker_group&quot;</span> <span class="nx">interactive</span><span class="o">=</span><span class="p">{</span><span class="nx">toolbar</span><span class="p">}</span> <span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Get pods in terminal&quot;</span><span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">Icon</span>
<span class="nx">material</span><span class="o">=</span><span class="s2">&quot;speaker_group&quot;</span>
<span class="nx">interactive</span><span class="o">=</span><span class="p">{</span><span class="nx">toolbar</span><span class="p">}</span>
<span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Get pods in terminal&quot;</span>
<span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">span</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="o">&gt;</span><span class="nx">Get</span> <span class="nx">Pods</span><span class="o">&lt;</span><span class="err">/span&gt;</span>
<span class="o">&lt;</span><span class="err">/MenuItem&gt;</span>
<span class="p">);</span>
@@ -1561,9 +1565,11 @@ These custom details appear on the details page for a specific resource, such as
<span class="nx">apiVersions</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;v1&quot;</span><span class="p">],</span>
<span class="nx">priority</span>: <span class="kt">10</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Details</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">NamespaceDetailsItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Details</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">NamespaceDetailsItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@@ -1575,7 +1581,7 @@ The properties of the <code>kubeObjectDetailItems</code> array objects are defin
<li><code>apiVersion</code> specifies the Kubernetes API version number to use with the resource type.</li>
<li><code>components</code> defines the detail item's appearance and behavior.</li>
<li><code>Details</code> provides a function that returns a <code>React.Component</code> given a set of detail item properties.
In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
</ul>
<p><code>NamespaceDetailsItem</code> is defined in <code>./src/namespace-details-item.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
@@ -1585,12 +1591,8 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="k">import</span> <span class="p">{</span> <span class="nx">observer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;mobx-react&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">K8sApi</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">podsApi</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">DrawerTitle</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">K8sApi</span><span class="o">:</span> <span class="p">{</span> <span class="nx">podsApi</span> <span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">DrawerTitle</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">KubeObjectMenuProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">KubeObjectMenuProps</span><span class="p">;</span>
@@ -1598,7 +1600,9 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="kr">type</span> <span class="nx">Pod</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Pod</span><span class="p">;</span>
<span class="kd">@observer</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">NamespaceDetailsItem</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="nx">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">NamespaceDetailsItem</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span>
<span class="nx">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span>
<span class="o">&gt;</span> <span class="p">{</span>
<span class="kd">@observable</span> <span class="k">private</span> <span class="nx">pods</span>: <span class="kt">Pod</span><span class="p">[];</span>
<span class="k">async</span> <span class="nx">componentDidMount</span><span class="p">()</span> <span class="p">{</span>
@@ -1610,10 +1614,10 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">DrawerTitle</span> <span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Pods&quot;</span> <span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">PodsDetailsList</span> <span class="nx">pods</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">pods</span><span class="p">}</span><span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">DrawerTitle</span><span class="o">&gt;</span><span class="nx">Pods</span><span class="o">&lt;</span><span class="err">/DrawerTitle&gt;</span>
<span class="o">&lt;</span><span class="nx">PodsDetailsList</span> <span class="nx">pods</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">pods</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@@ -1638,12 +1642,7 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">TableHead</span><span class="p">,</span>
<span class="nx">TableRow</span><span class="p">,</span>
<span class="nx">TableCell</span><span class="p">,</span>
<span class="nx">Table</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">TableHead</span><span class="p">,</span> <span class="nx">TableRow</span><span class="p">,</span> <span class="nx">TableCell</span><span class="p">,</span> <span class="nx">Table</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">Pod</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Pod</span><span class="p">;</span>
@@ -1660,11 +1659,11 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podAge&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">pods</span><span class="p">[</span><span class="nx">index</span><span class="p">].</span><span class="nx">getAge</span><span class="p">()}</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podStatus&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">pods</span><span class="p">[</span><span class="nx">index</span><span class="p">].</span><span class="nx">getStatus</span><span class="p">()}</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="err">/TableRow&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">};</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">const</span> <span class="p">{</span> <span class="nx">pods</span> <span class="p">}</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">props</span>
<span class="kd">const</span> <span class="p">{</span> <span class="nx">pods</span> <span class="p">}</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">props</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">pods</span><span class="o">?</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
@@ -1678,7 +1677,7 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podAge&quot;</span><span class="o">&gt;</span><span class="nx">Age</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podStatus&quot;</span><span class="o">&gt;</span><span class="nx">Status</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="err">/TableHead&gt;</span>
<span class="p">{</span> <span class="nx">pods</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getTableRow</span><span class="p">)</span> <span class="p">}</span>
<span class="p">{</span><span class="nx">pods</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getTableRow</span><span class="p">)}</span>
<span class="o">&lt;</span><span class="err">/Table&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">);</span>
master/search/search_index.json
+1 -1
View File
@@ -1 +1 @@
{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Lens Extension API # Customize and enhance the Lens experience with the Lens Extension API. Use the extension API to create menus or page content. The same extension API was used to create many of Lens's core features. To install your first extension you should goto the extension page in lens. This documentation describes: How to build, run, test, and publish an extension. How to take full advantage of the Lens Extension API. Where to find guides and code samples to help get you started. What Extensions Can Do # Here are some examples of what you can achieve with the Extension API: Add custom components & views in the UI - Extending the Lens Workbench For an overview of the Lens Extension API, refer to the Common Capabilities page. Extension Guides Overview also includes a list of code samples and guides that illustrate various ways of using the Lens Extension API. How to Build Extensions # Here is what each section of the Lens Extension API docs can help you with: Getting Started teaches fundamental concepts for building extensions with the Hello World sample. Extension Capabilities dissects Lens's Extension API into smaller categories and points you to more detailed topics. Extension Guides includes guides and code samples that explain specific usages of Lens Extension API. Testing and Publishing includes in-depth guides on various extension development topics, such as testing and publishing extensions. API Reference contains exhaustive references for the Lens Extension API, Contribution Points, and many other topics. What's New # Just like Lens itself, the extension API updates on a monthly cadence, rolling out new features with every release. Keep up with Lens and the Lens Extension API by reviewing the release notes . Important changes since Lens v4 # Lens has undergone major design improvements in v5, which have resulted in several large changes to the extension API. Workspaces are gone, and the catalog is introduced for containing clusters, as well as other items, including custom entities. Lens has migrated from using mobx 5 to mobx 6 for internal state management, and this may have ramifications for extension implementations. Although the API retains many components from v4, given these changes, extensions written for Lens v4 are not compatible with the Lens v5 extension API. See the Lens v4 to v5 extension migration notes on getting old extensions working in Lens v5. Looking for Help # If you have questions for extension development, try asking on the Lens Dev Slack . It's a public chatroom for Lens developers, where Lens team members chime in from time to time. To provide feedback on the documentation or issues with the Lens Extension API, create new issues at lensapp/lens . Please use the labels area/documentation and/or area/extension . Downloading Lens # Download Lens for macOS, Windows, or Linux.","title":"Overview"},{"location":"#lens-extension-api","text":"Customize and enhance the Lens experience with the Lens Extension API. Use the extension API to create menus or page content. The same extension API was used to create many of Lens's core features. To install your first extension you should goto the extension page in lens. This documentation describes: How to build, run, test, and publish an extension. How to take full advantage of the Lens Extension API. Where to find guides and code samples to help get you started.","title":"Lens Extension API"},{"location":"#what-extensions-can-do","text":"Here are some examples of what you can achieve with the Extension API: Add custom components & views in the UI - Extending the Lens Workbench For an overview of the Lens Extension API, refer to the Common Capabilities page. Extension Guides Overview also includes a list of code samples and guides that illustrate various ways of using the Lens Extension API.","title":"What Extensions Can Do"},{"location":"#how-to-build-extensions","text":"Here is what each section of the Lens Extension API docs can help you with: Getting Started teaches fundamental concepts for building extensions with the Hello World sample. Extension Capabilities dissects Lens's Extension API into smaller categories and points you to more detailed topics. Extension Guides includes guides and code samples that explain specific usages of Lens Extension API. Testing and Publishing includes in-depth guides on various extension development topics, such as testing and publishing extensions. API Reference contains exhaustive references for the Lens Extension API, Contribution Points, and many other topics.","title":"How to Build Extensions"},{"location":"#whats-new","text":"Just like Lens itself, the extension API updates on a monthly cadence, rolling out new features with every release. Keep up with Lens and the Lens Extension API by reviewing the release notes .","title":"What's New"},{"locationLine truncated
{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Lens Extension API # Customize and enhance the Lens experience with the Lens Extension API. Use the extension API to create menus or page content. The same extension API was used to create many of Lens's core features. To install your first extension you should goto the extension page in lens. This documentation describes: How to build, run, test, and publish an extension. How to take full advantage of the Lens Extension API. Where to find guides and code samples to help get you started. What Extensions Can Do # Here are some examples of what you can achieve with the Extension API: Add custom components & views in the UI - Extending the Lens Workbench For an overview of the Lens Extension API, refer to the Common Capabilities page. Extension Guides Overview also includes a list of code samples and guides that illustrate various ways of using the Lens Extension API. How to Build Extensions # Here is what each section of the Lens Extension API docs can help you with: Getting Started teaches fundamental concepts for building extensions with the Hello World sample. Extension Capabilities dissects Lens's Extension API into smaller categories and points you to more detailed topics. Extension Guides includes guides and code samples that explain specific usages of Lens Extension API. Testing and Publishing includes in-depth guides on various extension development topics, such as testing and publishing extensions. API Reference contains exhaustive references for the Lens Extension API, Contribution Points, and many other topics. What's New # Just like Lens itself, the extension API updates on a monthly cadence, rolling out new features with every release. Keep up with Lens and the Lens Extension API by reviewing the release notes . Important changes since Lens v4 # Lens has undergone major design improvements in v5, which have resulted in several large changes to the extension API. Workspaces are gone, and the catalog is introduced for containing clusters, as well as other items, including custom entities. Lens has migrated from using mobx 5 to mobx 6 for internal state management, and this may have ramifications for extension implementations. Although the API retains many components from v4, given these changes, extensions written for Lens v4 are not compatible with the Lens v5 extension API. See the Lens v4 to v5 extension migration notes on getting old extensions working in Lens v5. Looking for Help # If you have questions for extension development, try asking on the Lens Dev Slack . It's a public chatroom for Lens developers, where Lens team members chime in from time to time. To provide feedback on the documentation or issues with the Lens Extension API, create new issues at lensapp/lens . Please use the labels area/documentation and/or area/extension . Downloading Lens # Download Lens for macOS, Windows, or Linux.","title":"Overview"},{"location":"#lens-extension-api","text":"Customize and enhance the Lens experience with the Lens Extension API. Use the extension API to create menus or page content. The same extension API was used to create many of Lens's core features. To install your first extension you should goto the extension page in lens. This documentation describes: How to build, run, test, and publish an extension. How to take full advantage of the Lens Extension API. Where to find guides and code samples to help get you started.","title":"Lens Extension API"},{"location":"#what-extensions-can-do","text":"Here are some examples of what you can achieve with the Extension API: Add custom components & views in the UI - Extending the Lens Workbench For an overview of the Lens Extension API, refer to the Common Capabilities page. Extension Guides Overview also includes a list of code samples and guides that illustrate various ways of using the Lens Extension API.","title":"What Extensions Can Do"},{"location":"#how-to-build-extensions","text":"Here is what each section of the Lens Extension API docs can help you with: Getting Started teaches fundamental concepts for building extensions with the Hello World sample. Extension Capabilities dissects Lens's Extension API into smaller categories and points you to more detailed topics. Extension Guides includes guides and code samples that explain specific usages of Lens Extension API. Testing and Publishing includes in-depth guides on various extension development topics, such as testing and publishing extensions. API Reference contains exhaustive references for the Lens Extension API, Contribution Points, and many other topics.","title":"How to Build Extensions"},{"location":"#whats-new","text":"Just like Lens itself, the extension API updates on a monthly cadence, rolling out new features with every release. Keep up with Lens and the Lens Extension API by reviewing the release notes .","title":"What's New"},{"locationLine truncated
master/sitemap.xml
-10
View File
@@ -105,21 +105,11 @@
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerItem/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerParamToggler/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerTitle/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.Icon/</loc>
<lastmod>2022-03-28</lastmod>
master/sitemap.xml.gz
BIN
View File
Binary file not shown.