1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/master/extensions/api/modules/Renderer.Component/index.html

3248 lines
119 KiB
HTML

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Documentation for Lens Extension Development and API.">
<meta name="author" content="Mirantis, Inc.">
<link rel="canonical" href="https://api-docs.k8slens.dev/master/extensions/api/modules/Renderer.Component/">
<link rel="icon" href="../../../../img/favicon.ico">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-7.1.8+insiders-2.9.2">
<title>Namespace: Component - Lens Extension Development</title>
<link rel="stylesheet" href="../../../../assets/stylesheets/main.92048cb8.min.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/palette.73e53a79.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&display=fallback">
<style>:root{--md-text-font-family:"Roboto";--md-code-font-family:"Roboto Mono"}</style>
<link rel="stylesheet" href="../../../../stylesheets/extra.css">
<script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","UA-159377374-2","auto"),ga("set","anonymizeIp",!0),ga("send","pageview"),document.addEventListener("DOMContentLoaded",function(){document.forms.search&&document.forms.search.query.addEventListener("blur",function(){var e;this.value&&(e=document.location.pathname,ga("send","pageview",e+"?q="+this.value))}),"undefined"!=typeof location$&&location$.subscribe(function(e){ga("send","pageview",e.pathname)})})</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="" data-md-color-accent="">
<script>function __scope(t,e="../../../.."){return new URL(e,location).pathname+"."+t}function __get(t,e=localStorage,n){return JSON.parse(e.getItem(__scope(t,n)))}function __set(t,e,n=localStorage,o){try{n.setItem(__scope(t,o),JSON.stringify(e))}catch(t){}}</script>
<script>var palette=__get("__palette");if(palette&&"object"==typeof palette.color)for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)</script>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#namespace-component" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<div data-md-component="outdated" hidden>
<aside class="md-banner md-banner--warning">
</aside>
</div>
<header class="md-header" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../../../.." title="Lens Extension Development" class="md-header__button md-logo" aria-label="Lens Extension Development" data-md-component="logo">
<img src="../../../../img/lens-logo-icon.svg" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Lens Extension Development
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Namespace: Component
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="" data-md-color-accent="" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m10-3a5 5 0 0 1 5 5 5 5 0 0 1-5 5H7a5 5 0 0 1-5-5 5 5 0 0 1 5-5h10M7 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3h10a3 3 0 0 0 3-3 3 3 0 0 0-3-3H7z"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="" data-md-color-accent="" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_2">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h10a5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3 3 3 0 0 1-3 3z"/></svg>
</label>
</form>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/lensapp/lens" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
</div>
<div class="md-source__repository">
GitHub
</div>
</a>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../../../.." title="Lens Extension Development" class="md-nav__button md-logo" aria-label="Lens Extension Development" data-md-component="logo">
<img src="../../../../img/lens-logo-icon.svg" alt="logo">
</a>
Lens Extension Development
</label>
<div class="md-nav__source">
<a href="https://github.com/lensapp/lens" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
</div>
<div class="md-source__repository">
GitHub
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../.." class="md-nav__link">
Overview
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_2" type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_2">
Getting Started
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Getting Started" data-md-level="1">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Getting Started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../get-started/overview/" class="md-nav__link">
Overview
</a>
</li>
<li class="md-nav__item">
<a href="../../../get-started/your-first-extension/" class="md-nav__link">
Your First Extension
</a>
</li>
<li class="md-nav__item">
<a href="../../../get-started/anatomy/" class="md-nav__link">
Extension Anatomy
</a>
</li>
<li class="md-nav__item">
<a href="../../../get-started/wrapping-up/" class="md-nav__link">
Wrapping Up
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_3" type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3">
Extension Capabilities
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Extension Capabilities" data-md-level="1">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Extension Capabilities
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../capabilities/common-capabilities/" class="md-nav__link">
Common Capabilities
</a>
</li>
<li class="md-nav__item">
<a href="../../../capabilities/styling/" class="md-nav__link">
Styling
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_4" type="checkbox" id="__nav_4" >
<label class="md-nav__link" for="__nav_4">
Extension Guides
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Extension Guides" data-md-level="1">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Extension Guides
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../guides/" class="md-nav__link">
Overview
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/generator/" class="md-nav__link">
Generator
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/main-extension/" class="md-nav__link">
Main Extension
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/renderer-extension/" class="md-nav__link">
Renderer Extension
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/catalog/" class="md-nav__link">
Catalog
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/resource-stack/" class="md-nav__link">
Resource Stack
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/extending-kubernetes-cluster/" class="md-nav__link">
Extending KubernetesCluster
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/stores/" class="md-nav__link">
Stores
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/working-with-mobx/" class="md-nav__link">
Working with MobX
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/protocol-handlers/" class="md-nav__link">
Protocol Handlers
</a>
</li>
<li class="md-nav__item">
<a href="../../../guides/ipc/" class="md-nav__link">
IPC
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_5" type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5">
Testing and Publishing
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Testing and Publishing" data-md-level="1">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Testing and Publishing
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../../testing-and-publishing/testing/" class="md-nav__link">
Testing Extensions
</a>
</li>
<li class="md-nav__item">
<a href="../../../testing-and-publishing/publishing/" class="md-nav__link">
Publishing Extensions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../" class="md-nav__link">
API Reference
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#table-of-contents" class="md-nav__link">
Table of contents
</a>
<nav class="md-nav" aria-label="Table of contents">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#references" class="md-nav__link">
References
</a>
</li>
<li class="md-nav__item">
<a href="#enumerations" class="md-nav__link">
Enumerations
</a>
</li>
<li class="md-nav__item">
<a href="#classes" class="md-nav__link">
Classes
</a>
</li>
<li class="md-nav__item">
<a href="#interfaces" class="md-nav__link">
Interfaces
</a>
</li>
<li class="md-nav__item">
<a href="#type-aliases" class="md-nav__link">
Type Aliases
</a>
</li>
<li class="md-nav__item">
<a href="#variables" class="md-nav__link">
Variables
</a>
</li>
<li class="md-nav__item">
<a href="#functions" class="md-nav__link">
Functions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#references_1" class="md-nav__link">
References
</a>
<nav class="md-nav" aria-label="References">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#categorycolumnregistration" class="md-nav__link">
CategoryColumnRegistration
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#type-aliases_1" class="md-nav__link">
Type Aliases
</a>
<nav class="md-nav" aria-label="Type Aliases">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#datasettooltiplabel" class="md-nav__link">
DatasetTooltipLabel
</a>
</li>
<li class="md-nav__item">
<a href="#drawerposition" class="md-nav__link">
DrawerPosition
</a>
</li>
<li class="md-nav__item">
<a href="#icondata" class="md-nav__link">
IconData
</a>
</li>
<li class="md-nav__item">
<a href="#inputprops" class="md-nav__link">
InputProps
</a>
</li>
<li class="md-nav__item">
<a href="#inputvalidation" class="md-nav__link">
InputValidation
</a>
</li>
<li class="md-nav__item">
<a href="#inputvalidationresult" class="md-nav__link">
InputValidationResult
</a>
</li>
<li class="md-nav__item">
<a href="#inputvalidator" class="md-nav__link">
InputValidator
</a>
</li>
<li class="md-nav__item">
<a href="#legacyautoconvertedoptions" class="md-nav__link">
LegacyAutoConvertedOptions
</a>
</li>
<li class="md-nav__item">
<a href="#monacocustomtheme" class="md-nav__link">
MonacoCustomTheme
</a>
</li>
<li class="md-nav__item">
<a href="#monacoeditorid" class="md-nav__link">
MonacoEditorId
</a>
</li>
<li class="md-nav__item">
<a href="#monacotheme" class="md-nav__link">
MonacoTheme
</a>
</li>
<li class="md-nav__item">
<a href="#namespaceselectsort" class="md-nav__link">
NamespaceSelectSort
</a>
</li>
<li class="md-nav__item">
<a href="#notificationid" class="md-nav__link">
NotificationId
</a>
</li>
<li class="md-nav__item">
<a href="#notificationmessage" class="md-nav__link">
NotificationMessage
</a>
</li>
<li class="md-nav__item">
<a href="#shownotification" class="md-nav__link">
ShowNotification
</a>
</li>
<li class="md-nav__item">
<a href="#syncvalidationmessage" class="md-nav__link">
SyncValidationMessage
</a>
</li>
<li class="md-nav__item">
<a href="#tablecellelem" class="md-nav__link">
TableCellElem
</a>
</li>
<li class="md-nav__item">
<a href="#tableheadelem" class="md-nav__link">
TableHeadElem
</a>
</li>
<li class="md-nav__item">
<a href="#tableorderby" class="md-nav__link">
TableOrderBy
</a>
</li>
<li class="md-nav__item">
<a href="#tablerowelem" class="md-nav__link">
TableRowElem
</a>
</li>
<li class="md-nav__item">
<a href="#tablesortby" class="md-nav__link">
TableSortBy
</a>
</li>
<li class="md-nav__item">
<a href="#tablesortcallback" class="md-nav__link">
TableSortCallback
</a>
</li>
<li class="md-nav__item">
<a href="#tablesortcallbacks" class="md-nav__link">
TableSortCallbacks
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#variables_1" class="md-nav__link">
Variables
</a>
<nav class="md-nav" aria-label="Variables">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#commandoverlay" class="md-nav__link">
CommandOverlay
</a>
</li>
<li class="md-nav__item">
<a href="#inputvalidators" class="md-nav__link">
InputValidators
</a>
</li>
<li class="md-nav__item">
<a href="#menucontext" class="md-nav__link">
MenuContext
</a>
</li>
<li class="md-nav__item">
<a href="#notifications" class="md-nav__link">
Notifications
</a>
</li>
<li class="md-nav__item">
<a href="#cpuoptions" class="md-nav__link">
cpuOptions
</a>
</li>
<li class="md-nav__item">
<a href="#logtabstore" class="md-nav__link">
logTabStore
</a>
</li>
<li class="md-nav__item">
<a href="#memoryoptions" class="md-nav__link">
memoryOptions
</a>
</li>
<li class="md-nav__item">
<a href="#notificationsstore" class="md-nav__link">
notificationsStore
</a>
</li>
<li class="md-nav__item">
<a href="#resizinganchorprops" class="md-nav__link">
resizingAnchorProps
</a>
</li>
<li class="md-nav__item">
<a href="#terminalstore" class="md-nav__link">
terminalStore
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#functions_1" class="md-nav__link">
Functions
</a>
<nav class="md-nav" aria-label="Functions">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#badge" class="md-nav__link">
Badge
</a>
</li>
<li class="md-nav__item">
<a href="#barchart" class="md-nav__link">
BarChart
</a>
</li>
<li class="md-nav__item">
<a href="#button" class="md-nav__link">
Button
</a>
</li>
<li class="md-nav__item">
<a href="#checkbox" class="md-nav__link">
Checkbox
</a>
</li>
<li class="md-nav__item">
<a href="#confirmdialog" class="md-nav__link">
ConfirmDialog
</a>
</li>
<li class="md-nav__item">
<a href="#dialog" class="md-nav__link">
Dialog
</a>
</li>
<li class="md-nav__item">
<a href="#drawer" class="md-nav__link">
Drawer
</a>
</li>
<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">
<a href="#formswitch" class="md-nav__link">
FormSwitch
</a>
</li>
<li class="md-nav__item">
<a href="#icon" class="md-nav__link">
Icon
</a>
</li>
<li class="md-nav__item">
<a href="#kubeeventdetails" class="md-nav__link">
KubeEventDetails
</a>
</li>
<li class="md-nav__item">
<a href="#kubeobjectdetails" class="md-nav__link">
KubeObjectDetails
</a>
</li>
<li class="md-nav__item">
<a href="#kubeobjectlistlayout" class="md-nav__link">
KubeObjectListLayout
</a>
</li>
<li class="md-nav__item">
<a href="#kubeobjectmenu" class="md-nav__link">
KubeObjectMenu
</a>
</li>
<li class="md-nav__item">
<a href="#kubeobjectmeta" class="md-nav__link">
KubeObjectMeta
</a>
</li>
<li class="md-nav__item">
<a href="#lineprogress" class="md-nav__link">
LineProgress
</a>
</li>
<li class="md-nav__item">
<a href="#mainlayout" class="md-nav__link">
MainLayout
</a>
</li>
<li class="md-nav__item">
<a href="#menu" class="md-nav__link">
Menu
</a>
</li>
<li class="md-nav__item">
<a href="#menuactions" class="md-nav__link">
MenuActions
</a>
</li>
<li class="md-nav__item">
<a href="#monacoeditor" class="md-nav__link">
MonacoEditor
</a>
</li>
<li class="md-nav__item">
<a href="#namespaceselect" class="md-nav__link">
NamespaceSelect
</a>
</li>
<li class="md-nav__item">
<a href="#namespaceselectfilter" class="md-nav__link">
NamespaceSelectFilter
</a>
</li>
<li class="md-nav__item">
<a href="#piechart" class="md-nav__link">
PieChart
</a>
</li>
<li class="md-nav__item">
<a href="#poddetailslist" class="md-nav__link">
PodDetailsList
</a>
</li>
<li class="md-nav__item">
<a href="#radio" class="md-nav__link">
Radio
</a>
</li>
<li class="md-nav__item">
<a href="#radiogroup" class="md-nav__link">
RadioGroup
</a>
</li>
<li class="md-nav__item">
<a href="#searchinput" class="md-nav__link">
SearchInput
</a>
</li>
<li class="md-nav__item">
<a href="#select" class="md-nav__link">
Select
</a>
</li>
<li class="md-nav__item">
<a href="#statusbrick" class="md-nav__link">
StatusBrick
</a>
</li>
<li class="md-nav__item">
<a href="#submenu" class="md-nav__link">
SubMenu
</a>
</li>
<li class="md-nav__item">
<a href="#switch" class="md-nav__link">
Switch
</a>
</li>
<li class="md-nav__item">
<a href="#switcher" class="md-nav__link">
Switcher
</a>
</li>
<li class="md-nav__item">
<a href="#tablayout" class="md-nav__link">
TabLayout
</a>
</li>
<li class="md-nav__item">
<a href="#table" class="md-nav__link">
Table
</a>
</li>
<li class="md-nav__item">
<a href="#asyncinputvalidator" class="md-nav__link">
asyncInputValidator
</a>
</li>
<li class="md-nav__item">
<a href="#createterminaltab" class="md-nav__link">
createTerminalTab
</a>
</li>
<li class="md-nav__item">
<a href="#getdetailsurl" class="md-nav__link">
getDetailsUrl
</a>
</li>
<li class="md-nav__item">
<a href="#inputvalidator_1" class="md-nav__link">
inputValidator
</a>
</li>
<li class="md-nav__item">
<a href="#isasyncvalidator" class="md-nav__link">
isAsyncValidator
</a>
</li>
<li class="md-nav__item">
<a href="#issvg" class="md-nav__link">
isSvg
</a>
</li>
<li class="md-nav__item">
<a href="#onmultiselectfor" class="md-nav__link">
onMultiSelectFor
</a>
</li>
<li class="md-nav__item">
<a href="#showdetails" class="md-nav__link">
showDetails
</a>
</li>
<li class="md-nav__item">
<a href="#unioninputvalidatorsasync" class="md-nav__link">
unionInputValidatorsAsync
</a>
</li>
<li class="md-nav__item">
<a href="#withtooltip" class="md-nav__link">
withTooltip
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="namespace-component">Namespace: Component<a class="headerlink" href="#namespace-component" title="Permanent link">#</a></h1>
<p><a href="../Renderer/">Renderer</a>.Component</p>
<h2 id="table-of-contents">Table of contents<a class="headerlink" href="#table-of-contents" title="Permanent link">#</a></h2>
<h3 id="references">References<a class="headerlink" href="#references" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#categorycolumnregistration">CategoryColumnRegistration</a></li>
</ul>
<h3 id="enumerations">Enumerations<a class="headerlink" href="#enumerations" title="Permanent link">#</a></h3>
<ul>
<li><a href="../../enums/Renderer.Component.NotificationStatus/">NotificationStatus</a></li>
<li><a href="../../enums/Renderer.Component.TooltipPosition/">TooltipPosition</a></li>
</ul>
<h3 id="classes">Classes<a class="headerlink" href="#classes" title="Permanent link">#</a></h3>
<ul>
<li><a href="../../classes/Renderer.Component.DrawerParamToggler/">DrawerParamToggler</a></li>
<li><a href="../../classes/Renderer.Component.Input/">Input</a></li>
<li><a href="../../classes/Renderer.Component.MenuItem/">MenuItem</a></li>
<li><a href="../../classes/Renderer.Component.NotificationsStore/">NotificationsStore</a></li>
<li><a href="../../classes/Renderer.Component.PageLayout/">PageLayout</a></li>
<li><a href="../../classes/Renderer.Component.SettingLayout/">SettingLayout</a></li>
<li><a href="../../classes/Renderer.Component.Slider/">Slider</a></li>
<li><a href="../../classes/Renderer.Component.Spinner/">Spinner</a></li>
<li><a href="../../classes/Renderer.Component.Stepper/">Stepper</a></li>
<li><a href="../../classes/Renderer.Component.SubTitle/">SubTitle</a></li>
<li><a href="../../classes/Renderer.Component.Tab/">Tab</a></li>
<li><a href="../../classes/Renderer.Component.TableCell/">TableCell</a></li>
<li><a href="../../classes/Renderer.Component.TableHead/">TableHead</a></li>
<li><a href="../../classes/Renderer.Component.TableRow/">TableRow</a></li>
<li><a href="../../classes/Renderer.Component.Tabs/">Tabs</a></li>
<li><a href="../../classes/Renderer.Component.TerminalStore/">TerminalStore</a></li>
<li><a href="../../classes/Renderer.Component.Tooltip/">Tooltip</a></li>
<li><a href="../../classes/Renderer.Component.Wizard/">Wizard</a></li>
<li><a href="../../classes/Renderer.Component.WizardLayout/">WizardLayout</a></li>
<li><a href="../../classes/Renderer.Component.WizardStep/">WizardStep</a></li>
</ul>
<h3 id="interfaces">Interfaces<a class="headerlink" href="#interfaces" title="Permanent link">#</a></h3>
<ul>
<li><a href="../../interfaces/Renderer.Component.AdditionalCategoryColumnRegistration/">AdditionalCategoryColumnRegistration</a></li>
<li><a href="../../interfaces/Renderer.Component.BadgeProps/">BadgeProps</a></li>
<li><a href="../../interfaces/Renderer.Component.BarChartProps/">BarChartProps</a></li>
<li><a href="../../interfaces/Renderer.Component.BaseIconProps/">BaseIconProps</a></li>
<li><a href="../../interfaces/Renderer.Component.ButtonProps/">ButtonProps</a></li>
<li><a href="../../interfaces/Renderer.Component.CheckboxProps/">CheckboxProps</a></li>
<li><a href="../../interfaces/Renderer.Component.ConfirmDialogBooleanParams/">ConfirmDialogBooleanParams</a></li>
<li><a href="../../interfaces/Renderer.Component.ConfirmDialogParams/">ConfirmDialogParams</a></li>
<li><a href="../../interfaces/Renderer.Component.ConfirmDialogProps/">ConfirmDialogProps</a></li>
<li><a href="../../interfaces/Renderer.Component.CreateNotificationOptions/">CreateNotificationOptions</a></li>
<li><a href="../../interfaces/Renderer.Component.CustomPlaceholderProps/">CustomPlaceholderProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DialogProps/">DialogProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DrawerItemLabelsProps/">DrawerItemLabelsProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DrawerItemProps/">DrawerItemProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DrawerParamTogglerProps/">DrawerParamTogglerProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DrawerProps/">DrawerProps</a></li>
<li><a href="../../interfaces/Renderer.Component.DrawerTitleProps/">DrawerTitleProps</a></li>
<li><a href="../../interfaces/Renderer.Component.IconDataFnArg/">IconDataFnArg</a></li>
<li><a href="../../interfaces/Renderer.Component.IconProps/">IconProps</a></li>
<li><a href="../../interfaces/Renderer.Component.KubeEventDetailsProps/">KubeEventDetailsProps</a></li>
<li><a href="../../interfaces/Renderer.Component.KubeObjectDetailsProps/">KubeObjectDetailsProps</a></li>
<li><a href="../../interfaces/Renderer.Component.KubeObjectListLayoutProps/">KubeObjectListLayoutProps</a></li>
<li><a href="../../interfaces/Renderer.Component.KubeObjectMenuProps/">KubeObjectMenuProps</a></li>
<li><a href="../../interfaces/Renderer.Component.KubeObjectMetaProps/">KubeObjectMetaProps</a></li>
<li><a href="../../interfaces/Renderer.Component.LineProgressProps/">LineProgressProps</a></li>
<li><a href="../../interfaces/Renderer.Component.MainLayoutProps/">MainLayoutProps</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuActionsProps/">MenuActionsProps</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuContextValue/">MenuContextValue</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuItemProps/">MenuItemProps</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuPosition/">MenuPosition</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuProps/">MenuProps</a></li>
<li><a href="../../interfaces/Renderer.Component.MenuStyle/">MenuStyle</a></li>
<li><a href="../../interfaces/Renderer.Component.MonacoEditorProps/">MonacoEditorProps</a></li>
<li><a href="../../interfaces/Renderer.Component.NamespaceSelectProps/">NamespaceSelectProps</a></li>
<li><a href="../../interfaces/Renderer.Component.Notification/">Notification</a></li>
<li><a href="../../interfaces/Renderer.Component.PieChartData/">PieChartData</a></li>
<li><a href="../../interfaces/Renderer.Component.PieChartProps/">PieChartProps</a></li>
<li><a href="../../interfaces/Renderer.Component.PodDetailsListProps/">PodDetailsListProps</a></li>
<li><a href="../../interfaces/Renderer.Component.RadioGroupProps/">RadioGroupProps</a></li>
<li><a href="../../interfaces/Renderer.Component.RadioProps/">RadioProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SearchInputProps/">SearchInputProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SelectOption/">SelectOption</a></li>
<li><a href="../../interfaces/Renderer.Component.SelectProps/">SelectProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SettingLayoutProps/">SettingLayoutProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SliderProps/">SliderProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SpinnerProps/">SpinnerProps</a></li>
<li><a href="../../interfaces/Renderer.Component.StatusBrickProps/">StatusBrickProps</a></li>
<li><a href="../../interfaces/Renderer.Component.StepperProps/">StepperProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SubTitleProps/">SubTitleProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SwitchProps/">SwitchProps</a></li>
<li><a href="../../interfaces/Renderer.Component.SwitcherProps/">SwitcherProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TabLayoutProps/">TabLayoutProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TabLayoutRoute/">TabLayoutRoute</a></li>
<li><a href="../../interfaces/Renderer.Component.TabProps/">TabProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TableCellProps/">TableCellProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TableHeadProps/">TableHeadProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TableProps/">TableProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TableRowProps/">TableRowProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TableSortParams/">TableSortParams</a></li>
<li><a href="../../interfaces/Renderer.Component.TabsProps/">TabsProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TooltipContentFormatters/">TooltipContentFormatters</a></li>
<li><a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/">TooltipDecoratorProps</a></li>
<li><a href="../../interfaces/Renderer.Component.TooltipProps/">TooltipProps</a></li>
<li><a href="../../interfaces/Renderer.Component.WizardCommonProps/">WizardCommonProps</a></li>
<li><a href="../../interfaces/Renderer.Component.WizardLayoutProps/">WizardLayoutProps</a></li>
<li><a href="../../interfaces/Renderer.Component.WizardProps/">WizardProps</a></li>
<li><a href="../../interfaces/Renderer.Component.WizardStepProps/">WizardStepProps</a></li>
</ul>
<h3 id="type-aliases">Type Aliases<a class="headerlink" href="#type-aliases" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#datasettooltiplabel">DatasetTooltipLabel</a></li>
<li><a href="./#drawerposition">DrawerPosition</a></li>
<li><a href="./#icondata">IconData</a></li>
<li><a href="./#inputprops">InputProps</a></li>
<li><a href="./#inputvalidation">InputValidation</a></li>
<li><a href="./#inputvalidationresult">InputValidationResult</a></li>
<li><a href="./#inputvalidator">InputValidator</a></li>
<li><a href="./#legacyautoconvertedoptions">LegacyAutoConvertedOptions</a></li>
<li><a href="./#monacocustomtheme">MonacoCustomTheme</a></li>
<li><a href="./#monacoeditorid">MonacoEditorId</a></li>
<li><a href="./#monacotheme">MonacoTheme</a></li>
<li><a href="./#namespaceselectsort">NamespaceSelectSort</a></li>
<li><a href="./#notificationid">NotificationId</a></li>
<li><a href="./#notificationmessage">NotificationMessage</a></li>
<li><a href="./#shownotification">ShowNotification</a></li>
<li><a href="./#syncvalidationmessage">SyncValidationMessage</a></li>
<li><a href="./#tablecellelem">TableCellElem</a></li>
<li><a href="./#tableheadelem">TableHeadElem</a></li>
<li><a href="./#tableorderby">TableOrderBy</a></li>
<li><a href="./#tablerowelem">TableRowElem</a></li>
<li><a href="./#tablesortby">TableSortBy</a></li>
<li><a href="./#tablesortcallback">TableSortCallback</a></li>
<li><a href="./#tablesortcallbacks">TableSortCallbacks</a></li>
</ul>
<h3 id="variables">Variables<a class="headerlink" href="#variables" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#commandoverlay">CommandOverlay</a></li>
<li><a href="./#inputvalidators">InputValidators</a></li>
<li><a href="./#menucontext">MenuContext</a></li>
<li><a href="./#notifications">Notifications</a></li>
<li><a href="./#cpuoptions">cpuOptions</a></li>
<li><a href="./#logtabstore">logTabStore</a></li>
<li><a href="./#memoryoptions">memoryOptions</a></li>
<li><a href="./#notificationsstore">notificationsStore</a></li>
<li><a href="./#resizinganchorprops">resizingAnchorProps</a></li>
<li><a href="./#terminalstore">terminalStore</a></li>
</ul>
<h3 id="functions">Functions<a class="headerlink" href="#functions" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#badge">Badge</a></li>
<li><a href="./#barchart">BarChart</a></li>
<li><a href="./#button">Button</a></li>
<li><a href="./#checkbox">Checkbox</a></li>
<li><a href="./#confirmdialog">ConfirmDialog</a></li>
<li><a href="./#dialog">Dialog</a></li>
<li><a href="./#drawer">Drawer</a></li>
<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="./#icon">Icon</a></li>
<li><a href="./#kubeeventdetails">KubeEventDetails</a></li>
<li><a href="./#kubeobjectdetails">KubeObjectDetails</a></li>
<li><a href="./#kubeobjectlistlayout">KubeObjectListLayout</a></li>
<li><a href="./#kubeobjectmenu">KubeObjectMenu</a></li>
<li><a href="./#kubeobjectmeta">KubeObjectMeta</a></li>
<li><a href="./#lineprogress">LineProgress</a></li>
<li><a href="./#mainlayout">MainLayout</a></li>
<li><a href="./#menu">Menu</a></li>
<li><a href="./#menuactions">MenuActions</a></li>
<li><a href="./#monacoeditor">MonacoEditor</a></li>
<li><a href="./#namespaceselect">NamespaceSelect</a></li>
<li><a href="./#namespaceselectfilter">NamespaceSelectFilter</a></li>
<li><a href="./#piechart">PieChart</a></li>
<li><a href="./#poddetailslist">PodDetailsList</a></li>
<li><a href="./#radio">Radio</a></li>
<li><a href="./#radiogroup">RadioGroup</a></li>
<li><a href="./#searchinput">SearchInput</a></li>
<li><a href="./#select">Select</a></li>
<li><a href="./#statusbrick">StatusBrick</a></li>
<li><a href="./#submenu">SubMenu</a></li>
<li><a href="./#switch">Switch</a></li>
<li><a href="./#switcher">Switcher</a></li>
<li><a href="./#tablayout">TabLayout</a></li>
<li><a href="./#table">Table</a></li>
<li><a href="./#asyncinputvalidator">asyncInputValidator</a></li>
<li><a href="./#createterminaltab">createTerminalTab</a></li>
<li><a href="./#getdetailsurl">getDetailsUrl</a></li>
<li><a href="./#inputvalidator-1">inputValidator</a></li>
<li><a href="./#isasyncvalidator">isAsyncValidator</a></li>
<li><a href="./#issvg">isSvg</a></li>
<li><a href="./#onmultiselectfor">onMultiSelectFor</a></li>
<li><a href="./#showdetails">showDetails</a></li>
<li><a href="./#unioninputvalidatorsasync">unionInputValidatorsAsync</a></li>
<li><a href="./#withtooltip">withTooltip</a></li>
</ul>
<h2 id="references_1">References<a class="headerlink" href="#references_1" title="Permanent link">#</a></h2>
<h3 id="categorycolumnregistration">CategoryColumnRegistration<a class="headerlink" href="#categorycolumnregistration" title="Permanent link">#</a></h3>
<p>Re-exports <a href="../../interfaces/Common.Catalog.CategoryColumnRegistration/">CategoryColumnRegistration</a></p>
<h2 id="type-aliases_1">Type Aliases<a class="headerlink" href="#type-aliases_1" title="Permanent link">#</a></h2>
<h3 id="datasettooltiplabel">DatasetTooltipLabel<a class="headerlink" href="#datasettooltiplabel" title="Permanent link">#</a></h3>
<p>Ƭ <strong>DatasetTooltipLabel</strong>: (<code>percent</code>: <code>string</code>) =&gt; <code>string</code> | <code>string</code></p>
<h4 id="type-declaration">Type declaration<a class="headerlink" href="#type-declaration" title="Permanent link">#</a></h4>
<p>▸ (<code>percent</code>): <code>string</code> | <code>string</code></p>
<h5 id="parameters">Parameters<a class="headerlink" href="#parameters" title="Permanent link">#</a></h5>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>percent</code></td>
<td align="left"><code>string</code></td>
</tr>
</tbody>
</table>
<h5 id="returns">Returns<a class="headerlink" href="#returns" title="Permanent link">#</a></h5>
<p><code>string</code> | <code>string</code></p>
<hr />
<h3 id="drawerposition">DrawerPosition<a class="headerlink" href="#drawerposition" title="Permanent link">#</a></h3>
<p>Ƭ <strong>DrawerPosition</strong>: <code>"top"</code> | <code>"left"</code> | <code>"right"</code> | <code>"bottom"</code></p>
<hr />
<h3 id="icondata">IconData<a class="headerlink" href="#icondata" title="Permanent link">#</a></h3>
<p>Ƭ <strong>IconData</strong>: <code>string</code> | <code>React.ReactNode</code> | (<code>opt</code>: <a href="../../interfaces/Renderer.Component.IconDataFnArg/"><code>IconDataFnArg</code></a>) =&gt; <code>React.ReactNode</code></p>
<p>One of the folloing:
- A material icon name
- A react node
- Or a function that produces a react node</p>
<hr />
<h3 id="inputprops">InputProps<a class="headerlink" href="#inputprops" title="Permanent link">#</a></h3>
<p>Ƭ <strong>InputProps</strong>: <code>Omit</code>&lt;<code>InputElementProps</code>, <code>"onChange"</code> | <code>"onSubmit"</code>> &amp; { <code>autoSelectOnFocus?</code>: <code>boolean</code> ; <code>blurOnEnter?</code>: <code>boolean</code> ; <code>className?</code>: <code>string</code> ; <code>contentRight?</code>: <code>string</code> | <code>React.ReactNode</code> ; <code>defaultValue?</code>: <code>string</code> ; <code>dirty?</code>: <code>boolean</code> ; <code>iconLeft?</code>: <a href="./#icondata"><code>IconData</code></a> ; <code>iconRight?</code>: <a href="./#icondata"><code>IconData</code></a> ; <code>maxRows?</code>: <code>number</code> ; <code>multiLine?</code>: <code>boolean</code> ; <code>showErrorsAsTooltip?</code>: <code>boolean</code> | <code>Omit</code>&lt;<a href="../../interfaces/Renderer.Component.TooltipProps/"><code>TooltipProps</code></a>, <code>"targetId"</code>> ; <code>showValidationLine?</code>: <code>boolean</code> ; <code>theme?</code>: <code>"round-black"</code> | <code>"round"</code> ; <code>trim?</code>: <code>boolean</code> ; <code>validators?</code>: <code>SingleOrMany</code>&lt;<a href="./#inputvalidator"><code>InputValidator</code></a>> ; <code>value?</code>: <code>string</code> ; <code>onChange?</code>: (<code>value</code>: <code>string</code>, <code>evt</code>: <code>ChangeEvent</code>&lt;<code>InputElement</code>>) =&gt; <code>void</code> ; <code>onSubmit?</code>: (<code>value</code>: <code>string</code>, <code>evt</code>: <code>KeyboardEvent</code>&lt;<code>InputElement</code>>) =&gt; <code>void</code> }</p>
<hr />
<h3 id="inputvalidation">InputValidation<a class="headerlink" href="#inputvalidation" title="Permanent link">#</a></h3>
<p>Ƭ <strong>InputValidation</strong>&lt;<code>IsAsync</code>>: (<code>value</code>: <code>string</code>, <code>props?</code>: <a href="./#inputprops"><code>InputProps</code></a>) =&gt; <a href="./#inputvalidationresult"><code>InputValidationResult</code></a>&lt;<code>IsAsync</code>></p>
<h4 id="type-parameters">Type parameters<a class="headerlink" href="#type-parameters" 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>IsAsync</code></td>
<td align="left">extends <code>boolean</code></td>
</tr>
</tbody>
</table>
<h4 id="type-declaration_1">Type declaration<a class="headerlink" href="#type-declaration_1" title="Permanent link">#</a></h4>
<p>▸ (<code>value</code>, <code>props?</code>): <a href="./#inputvalidationresult"><code>InputValidationResult</code></a>&lt;<code>IsAsync</code>></p>
<h5 id="parameters_1">Parameters<a class="headerlink" href="#parameters_1" title="Permanent link">#</a></h5>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>value</code></td>
<td align="left"><code>string</code></td>
</tr>
<tr>
<td align="left"><code>props?</code></td>
<td align="left"><a href="./#inputprops"><code>InputProps</code></a></td>
</tr>
</tbody>
</table>
<h5 id="returns_1">Returns<a class="headerlink" href="#returns_1" title="Permanent link">#</a></h5>
<p><a href="./#inputvalidationresult"><code>InputValidationResult</code></a>&lt;<code>IsAsync</code>></p>
<hr />
<h3 id="inputvalidationresult">InputValidationResult<a class="headerlink" href="#inputvalidationresult" title="Permanent link">#</a></h3>
<p>Ƭ <strong>InputValidationResult</strong>&lt;<code>IsAsync</code>>: <code>IsAsync</code> extends <code>true</code> ? <code>Promise</code>&lt;<code>void</code>> : <code>boolean</code></p>
<h4 id="type-parameters_1">Type parameters<a class="headerlink" href="#type-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>IsAsync</code></td>
<td align="left">extends <code>boolean</code></td>
</tr>
</tbody>
</table>
<hr />
<h3 id="inputvalidator">InputValidator<a class="headerlink" href="#inputvalidator" title="Permanent link">#</a></h3>
<p>Ƭ <strong>InputValidator</strong>&lt;<code>IsAsync</code>>: <code>SyncInputValidator</code> | <code>AsyncInputValidator</code> | <code>IsAsync</code> extends <code>boolean</code> ? <code>LegacyInputValidator</code> : <code>never</code></p>
<h4 id="type-parameters_2">Type parameters<a class="headerlink" href="#type-parameters_2" 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>IsAsync</code></td>
<td align="left">extends <code>boolean</code> = <code>boolean</code></td>
</tr>
</tbody>
</table>
<hr />
<h3 id="legacyautoconvertedoptions">LegacyAutoConvertedOptions<a class="headerlink" href="#legacyautoconvertedoptions" title="Permanent link">#</a></h3>
<p>Ƭ <strong>LegacyAutoConvertedOptions</strong>: <code>string</code>[]</p>
<p><strong><code>Deprecated</code></strong></p>
<p>This should not be used anymore, convert the options yourself.</p>
<hr />
<h3 id="monacocustomtheme">MonacoCustomTheme<a class="headerlink" href="#monacocustomtheme" title="Permanent link">#</a></h3>
<p>Ƭ <strong>MonacoCustomTheme</strong>: <code>"clouds-midnight"</code></p>
<hr />
<h3 id="monacoeditorid">MonacoEditorId<a class="headerlink" href="#monacoeditorid" title="Permanent link">#</a></h3>
<p>Ƭ <strong>MonacoEditorId</strong>: <code>string</code></p>
<hr />
<h3 id="monacotheme">MonacoTheme<a class="headerlink" href="#monacotheme" title="Permanent link">#</a></h3>
<p>Ƭ <strong>MonacoTheme</strong>: <code>"vs"</code> | <code>"vs-dark"</code> | <code>"hc-black"</code> | <a href="./#monacocustomtheme"><code>MonacoCustomTheme</code></a></p>
<hr />
<h3 id="namespaceselectsort">NamespaceSelectSort<a class="headerlink" href="#namespaceselectsort" title="Permanent link">#</a></h3>
<p>Ƭ <strong>NamespaceSelectSort</strong>: (<code>left</code>: <code>string</code>, <code>right</code>: <code>string</code>) =&gt; <code>number</code></p>
<h4 id="type-declaration_2">Type declaration<a class="headerlink" href="#type-declaration_2" title="Permanent link">#</a></h4>
<p>▸ (<code>left</code>, <code>right</code>): <code>number</code></p>
<h5 id="parameters_2">Parameters<a class="headerlink" href="#parameters_2" title="Permanent link">#</a></h5>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>left</code></td>
<td align="left"><code>string</code></td>
</tr>
<tr>
<td align="left"><code>right</code></td>
<td align="left"><code>string</code></td>
</tr>
</tbody>
</table>
<h5 id="returns_2">Returns<a class="headerlink" href="#returns_2" title="Permanent link">#</a></h5>
<p><code>number</code></p>
<hr />
<h3 id="notificationid">NotificationId<a class="headerlink" href="#notificationid" title="Permanent link">#</a></h3>
<p>Ƭ <strong>NotificationId</strong>: <code>string</code> | <code>number</code></p>
<hr />
<h3 id="notificationmessage">NotificationMessage<a class="headerlink" href="#notificationmessage" title="Permanent link">#</a></h3>
<p>Ƭ <strong>NotificationMessage</strong>: <code>string</code> | <code>React.ReactElement</code> | <code>React.ReactElement</code>[] | <code>JsonApiErrorParsed</code> | <code>Error</code></p>
<hr />
<h3 id="shownotification">ShowNotification<a class="headerlink" href="#shownotification" title="Permanent link">#</a></h3>
<p>Ƭ <strong>ShowNotification</strong>: (<code>message</code>: <a href="./#notificationmessage"><code>NotificationMessage</code></a>, <code>opts?</code>: <a href="../../interfaces/Renderer.Component.CreateNotificationOptions/"><code>CreateNotificationOptions</code></a>) =&gt; <a href="../../interfaces/Common.Util.Disposer/"><code>Disposer</code></a></p>
<h4 id="type-declaration_3">Type declaration<a class="headerlink" href="#type-declaration_3" title="Permanent link">#</a></h4>
<p>▸ (<code>message</code>, <code>opts?</code>): <a href="../../interfaces/Common.Util.Disposer/"><code>Disposer</code></a></p>
<h5 id="parameters_3">Parameters<a class="headerlink" href="#parameters_3" title="Permanent link">#</a></h5>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>message</code></td>
<td align="left"><a href="./#notificationmessage"><code>NotificationMessage</code></a></td>
</tr>
<tr>
<td align="left"><code>opts?</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.CreateNotificationOptions/"><code>CreateNotificationOptions</code></a></td>
</tr>
</tbody>
</table>
<h5 id="returns_3">Returns<a class="headerlink" href="#returns_3" title="Permanent link">#</a></h5>
<p><a href="../../interfaces/Common.Util.Disposer/"><code>Disposer</code></a></p>
<hr />
<h3 id="syncvalidationmessage">SyncValidationMessage<a class="headerlink" href="#syncvalidationmessage" title="Permanent link">#</a></h3>
<p>Ƭ <strong>SyncValidationMessage</strong>: <code>React.ReactNode</code> | (<code>value</code>: <code>string</code>, <code>props?</code>: <a href="./#inputprops"><code>InputProps</code></a>) =&gt; <code>React.ReactNode</code></p>
<hr />
<h3 id="tablecellelem">TableCellElem<a class="headerlink" href="#tablecellelem" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableCellElem</strong>: <code>React.ReactElement</code>&lt;<a href="../../interfaces/Renderer.Component.TableCellProps/"><code>TableCellProps</code></a>></p>
<hr />
<h3 id="tableheadelem">TableHeadElem<a class="headerlink" href="#tableheadelem" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableHeadElem</strong>: <code>React.ReactElement</code>&lt;<a href="../../interfaces/Renderer.Component.TableHeadProps/"><code>TableHeadProps</code></a>></p>
<hr />
<h3 id="tableorderby">TableOrderBy<a class="headerlink" href="#tableorderby" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableOrderBy</strong>: <code>"asc"</code> | <code>"desc"</code></p>
<hr />
<h3 id="tablerowelem">TableRowElem<a class="headerlink" href="#tablerowelem" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableRowElem</strong>&lt;<code>Item</code>>: <code>React.ReactElement</code>&lt;<a href="../../interfaces/Renderer.Component.TableRowProps/"><code>TableRowProps</code></a>&lt;<code>Item</code>>></p>
<h4 id="type-parameters_3">Type parameters<a class="headerlink" href="#type-parameters_3" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>Item</code></td>
</tr>
</tbody>
</table>
<hr />
<h3 id="tablesortby">TableSortBy<a class="headerlink" href="#tablesortby" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableSortBy</strong>: <code>string</code></p>
<hr />
<h3 id="tablesortcallback">TableSortCallback<a class="headerlink" href="#tablesortcallback" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableSortCallback</strong>&lt;<code>Item</code>>: (<code>data</code>: <code>Item</code>) =&gt; <code>undefined</code> | <code>string</code> | <code>number</code> | (<code>string</code> | <code>number</code>)[]</p>
<h4 id="type-parameters_4">Type parameters<a class="headerlink" href="#type-parameters_4" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>Item</code></td>
</tr>
</tbody>
</table>
<h4 id="type-declaration_4">Type declaration<a class="headerlink" href="#type-declaration_4" title="Permanent link">#</a></h4>
<p>▸ (<code>data</code>): <code>undefined</code> | <code>string</code> | <code>number</code> | (<code>string</code> | <code>number</code>)[]</p>
<h5 id="parameters_4">Parameters<a class="headerlink" href="#parameters_4" title="Permanent link">#</a></h5>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>data</code></td>
<td align="left"><code>Item</code></td>
</tr>
</tbody>
</table>
<h5 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h5>
<p><code>undefined</code> | <code>string</code> | <code>number</code> | (<code>string</code> | <code>number</code>)[]</p>
<hr />
<h3 id="tablesortcallbacks">TableSortCallbacks<a class="headerlink" href="#tablesortcallbacks" title="Permanent link">#</a></h3>
<p>Ƭ <strong>TableSortCallbacks</strong>&lt;<code>Item</code>>: <code>Record</code>&lt;<code>string</code>, <a href="./#tablesortcallback"><code>TableSortCallback</code></a>&lt;<code>Item</code>>></p>
<h4 id="type-parameters_5">Type parameters<a class="headerlink" href="#type-parameters_5" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>Item</code></td>
</tr>
</tbody>
</table>
<h2 id="variables_1">Variables<a class="headerlink" href="#variables_1" title="Permanent link">#</a></h2>
<h3 id="commandoverlay">CommandOverlay<a class="headerlink" href="#commandoverlay" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>CommandOverlay</strong>: <code>CommandOverlay</code></p>
<hr />
<h3 id="inputvalidators">InputValidators<a class="headerlink" href="#inputvalidators" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>InputValidators</strong>: <code>Object</code></p>
<h4 id="type-declaration_5">Type declaration<a class="headerlink" href="#type-declaration_5" 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>accountId</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isEmail</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isExtensionNameInstall</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isExtensionNameInstallRegex</code></td>
<td align="left">{ <code>captures</code>: (<code>val</code>: <code>string</code>) =&gt; <code>undefined</code> | { <code>name</code>: <code>string</code> ; <code>version?</code>: <code>string</code> } ; <code>isMatch</code>: (<code>val</code>: <code>string</code>) =&gt; <code>boolean</code> }</td>
</tr>
<tr>
<td align="left"><code>isExtensionNameInstallRegex.captures</code></td>
<td align="left">[object Object]</td>
</tr>
<tr>
<td align="left"><code>isExtensionNameInstallRegex.isMatch</code></td>
<td align="left">[object Object]</td>
</tr>
<tr>
<td align="left"><code>isNumber</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isPath</code></td>
<td align="left"><code>Validators.AsyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isRequired</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>isUrl</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>maxLength</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>minLength</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>systemName</code></td>
<td align="left"><code>Validators.SyncInputValidator</code></td>
</tr>
<tr>
<td align="left"><code>unionInputValidators</code></td>
<td align="left">(<code>baseValidator</code>: <code>Pick</code>&lt;<code>SyncInputValidator</code>, <code>"message"</code> | <code>"condition"</code>>, ...<code>validators</code>: <code>SyncInputValidator</code>[]) =&gt; <code>SyncInputValidator</code></td>
</tr>
</tbody>
</table>
<hr />
<h3 id="menucontext">MenuContext<a class="headerlink" href="#menucontext" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>MenuContext</strong>: <code>React.Context</code>&lt;<a href="../../interfaces/Renderer.Component.MenuContextValue/"><code>MenuContextValue</code></a> | <code>null</code>></p>
<hr />
<h3 id="notifications">Notifications<a class="headerlink" href="#notifications" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>Notifications</strong>: <code>Object</code></p>
<h4 id="type-declaration_6">Type declaration<a class="headerlink" href="#type-declaration_6" 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>checkedError</code></td>
<td align="left"><code>ShowCheckedErrorNotification</code></td>
</tr>
<tr>
<td align="left"><code>error</code></td>
<td align="left"><code>ShowNotification</code></td>
</tr>
<tr>
<td align="left"><code>info</code></td>
<td align="left"><code>ShowNotification</code></td>
</tr>
<tr>
<td align="left"><code>ok</code></td>
<td align="left"><code>ShowNotification</code></td>
</tr>
<tr>
<td align="left"><code>shortInfo</code></td>
<td align="left"><code>ShowNotification</code></td>
</tr>
</tbody>
</table>
<hr />
<h3 id="cpuoptions">cpuOptions<a class="headerlink" href="#cpuoptions" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>cpuOptions</strong>: <code>ChartOptions</code></p>
<hr />
<h3 id="logtabstore">logTabStore<a class="headerlink" href="#logtabstore" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>logTabStore</strong>: <code>LogTabStore</code> &amp; { <code>createPodTab</code>: (<code>{ selectedPod, selectedContainer }</code>: <code>PodLogsTabData</code>) =&gt; <code>string</code> ; <code>createWorkloadTab</code>: (<code>{ workload }</code>: <code>WorkloadLogsTabData</code>) =&gt; <code>string</code> | <code>undefined</code> ; <code>renameTab</code>: (<code>tabId</code>: <code>string</code>) =&gt; <code>void</code> ; <code>tabs</code>: <code>undefined</code> }</p>
<hr />
<h3 id="memoryoptions">memoryOptions<a class="headerlink" href="#memoryoptions" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>memoryOptions</strong>: <code>ChartOptions</code></p>
<hr />
<h3 id="notificationsstore">notificationsStore<a class="headerlink" href="#notificationsstore" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>notificationsStore</strong>: <code>NotificationsStore</code></p>
<hr />
<h3 id="resizinganchorprops">resizingAnchorProps<a class="headerlink" href="#resizinganchorprops" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>resizingAnchorProps</strong>: <code>Record</code>&lt;<a href="./#drawerposition"><code>DrawerPosition</code></a>, [<code>ResizeDirection</code>, <code>ResizeSide</code>, <code>ResizeGrowthDirection</code>]></p>
<hr />
<h3 id="terminalstore">terminalStore<a class="headerlink" href="#terminalstore" title="Permanent link">#</a></h3>
<p><code>Const</code> <strong>terminalStore</strong>: <code>TerminalStore</code> &amp; { <code>sendCommand</code>: <code>SendCommand</code> }</p>
<h2 id="functions_1">Functions<a class="headerlink" href="#functions_1" title="Permanent link">#</a></h2>
<h3 id="badge">Badge<a class="headerlink" href="#badge" title="Permanent link">#</a></h3>
<p><strong>Badge</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_5">Parameters<a class="headerlink" href="#parameters_5" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.BadgeProps/"><code>BadgeProps</code></a> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_5">Returns<a class="headerlink" href="#returns_5" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="barchart">BarChart<a class="headerlink" href="#barchart" title="Permanent link">#</a></h3>
<p><strong>BarChart</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_6">Parameters<a class="headerlink" href="#parameters_6" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.BarChartProps/"><code>BarChartProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_6">Returns<a class="headerlink" href="#returns_6" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="button">Button<a class="headerlink" href="#button" title="Permanent link">#</a></h3>
<p><strong>Button</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_7">Parameters<a class="headerlink" href="#parameters_7" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.ButtonProps/"><code>ButtonProps</code></a> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_7">Returns<a class="headerlink" href="#returns_7" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="checkbox">Checkbox<a class="headerlink" href="#checkbox" title="Permanent link">#</a></h3>
<p><strong>Checkbox</strong>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<h4 id="parameters_8">Parameters<a class="headerlink" href="#parameters_8" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.CheckboxProps/"><code>CheckboxProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_8">Returns<a class="headerlink" href="#returns_8" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="confirmdialog">ConfirmDialog<a class="headerlink" href="#confirmdialog" title="Permanent link">#</a></h3>
<p><strong>ConfirmDialog</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_9">Parameters<a class="headerlink" href="#parameters_9" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.ConfirmDialogProps/"><code>ConfirmDialogProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_9">Returns<a class="headerlink" href="#returns_9" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="dialog">Dialog<a class="headerlink" href="#dialog" title="Permanent link">#</a></h3>
<p><strong>Dialog</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_10">Parameters<a class="headerlink" href="#parameters_10" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.DialogProps/"><code>DialogProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_10">Returns<a class="headerlink" href="#returns_10" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="drawer">Drawer<a class="headerlink" href="#drawer" title="Permanent link">#</a></h3>
<p><strong>Drawer</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_11">Parameters<a class="headerlink" href="#parameters_11" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.DrawerProps/"><code>DrawerProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_11">Returns<a class="headerlink" href="#returns_11" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="draweritem">DrawerItem<a class="headerlink" href="#draweritem" title="Permanent link">#</a></h3>
<p><strong>DrawerItem</strong>(<code>«destructured»</code>): <code>JSX.Element</code> | <code>null</code></p>
<h4 id="parameters_12">Parameters<a class="headerlink" href="#parameters_12" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerItemProps/"><code>DrawerItemProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_12">Returns<a class="headerlink" href="#returns_12" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code> | <code>null</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>JSX.Element</code> | <code>null</code></p>
<h4 id="parameters_13">Parameters<a class="headerlink" href="#parameters_13" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerItemLabelsProps/"><code>DrawerItemLabelsProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_13">Returns<a class="headerlink" href="#returns_13" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code> | <code>null</code></p>
<hr />
<h3 id="drawertitle">DrawerTitle<a class="headerlink" href="#drawertitle" title="Permanent link">#</a></h3>
<p><strong>DrawerTitle</strong>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<h4 id="parameters_14">Parameters<a class="headerlink" href="#parameters_14" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerTitleProps/"><code>DrawerTitleProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_14">Returns<a class="headerlink" href="#returns_14" title="Permanent link">#</a></h4>
<p><code>JSX.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>React.FunctionComponentElement</code>&lt;<code>any</code>></p>
<p><strong><code>Deprecated</code></strong></p>
<p>Use <Switch/> instead from "../switch.tsx".</p>
<h4 id="parameters_15">Parameters<a class="headerlink" href="#parameters_15" 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>props</code></td>
<td align="left"><code>FormControlLabelProps</code> &amp; { <code>children?</code>: <code>ReactNode</code> }</td>
</tr>
</tbody>
</table>
<h4 id="returns_15">Returns<a class="headerlink" href="#returns_15" title="Permanent link">#</a></h4>
<p><code>React.FunctionComponentElement</code>&lt;<code>any</code>></p>
<hr />
<h3 id="icon">Icon<a class="headerlink" href="#icon" title="Permanent link">#</a></h3>
<p><strong>Icon</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_16">Parameters<a class="headerlink" href="#parameters_16" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.IconProps/"><code>IconProps</code></a> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_16">Returns<a class="headerlink" href="#returns_16" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="kubeeventdetails">KubeEventDetails<a class="headerlink" href="#kubeeventdetails" title="Permanent link">#</a></h3>
<p><strong>KubeEventDetails</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_17">Parameters<a class="headerlink" href="#parameters_17" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.KubeEventDetailsProps/"><code>KubeEventDetailsProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_17">Returns<a class="headerlink" href="#returns_17" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="kubeobjectdetails">KubeObjectDetails<a class="headerlink" href="#kubeobjectdetails" title="Permanent link">#</a></h3>
<p><strong>KubeObjectDetails</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_18">Parameters<a class="headerlink" href="#parameters_18" 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>props</code></td>
<td align="left"><code>Object</code></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_18">Returns<a class="headerlink" href="#returns_18" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="kubeobjectlistlayout">KubeObjectListLayout<a class="headerlink" href="#kubeobjectlistlayout" title="Permanent link">#</a></h3>
<p><strong>KubeObjectListLayout</strong>&lt;<code>K</code>, <code>A</code>, <code>D</code>>(<code>props</code>): <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<h4 id="type-parameters_6">Type parameters<a class="headerlink" href="#type-parameters_6" 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>K</code></td>
<td align="left">extends <a href="../../classes/Main.K8sApi.KubeObject/"><code>KubeObject</code></a>&lt;<a href="../Main.K8sApi/#kubeobjectmetadata"><code>KubeObjectMetadata</code></a>&lt;<code>KubeObjectScope</code>>, <code>unknown</code>, <code>unknown</code>, <code>K</code>></td>
</tr>
<tr>
<td align="left"><code>A</code></td>
<td align="left">extends <code>KubeApi</code>&lt;<code>K</code>, <code>D</code>, <code>A</code>></td>
</tr>
<tr>
<td align="left"><code>D</code></td>
<td align="left">extends <a href="../../interfaces/Main.K8sApi.KubeJsonApiData/"><code>KubeJsonApiData</code></a>&lt;<a href="../Main.K8sApi/#kubeobjectmetadata"><code>KubeObjectMetadata</code></a>&lt;<code>KubeObjectScope</code>>, <code>unknown</code>, <code>unknown</code>, <code>D</code>> = <a href="../Main.K8sApi/#kubejsonapidatafor"><code>KubeJsonApiDataFor</code></a>&lt;<code>K</code>></td>
</tr>
</tbody>
</table>
<h4 id="parameters_19">Parameters<a class="headerlink" href="#parameters_19" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.KubeObjectListLayoutProps/"><code>KubeObjectListLayoutProps</code></a>&lt;<code>K</code>, <code>A</code>, <code>D</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_19">Returns<a class="headerlink" href="#returns_19" title="Permanent link">#</a></h4>
<p><code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<hr />
<h3 id="kubeobjectmenu">KubeObjectMenu<a class="headerlink" href="#kubeobjectmenu" title="Permanent link">#</a></h3>
<p><strong>KubeObjectMenu</strong>&lt;<code>T</code>>(<code>props</code>): <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<h4 id="type-parameters_7">Type parameters<a class="headerlink" href="#type-parameters_7" 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>T</code></td>
<td align="left">extends <a href="../../classes/Main.K8sApi.KubeObject/"><code>KubeObject</code></a>&lt;<a href="../Main.K8sApi/#kubeobjectmetadata"><code>KubeObjectMetadata</code></a>&lt;<code>KubeObjectScope</code>>, <code>unknown</code>, <code>unknown</code>, <code>T</code>></td>
</tr>
</tbody>
</table>
<h4 id="parameters_20">Parameters<a class="headerlink" href="#parameters_20" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.KubeObjectMenuProps/"><code>KubeObjectMenuProps</code></a>&lt;<code>T</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_20">Returns<a class="headerlink" href="#returns_20" title="Permanent link">#</a></h4>
<p><code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<hr />
<h3 id="kubeobjectmeta">KubeObjectMeta<a class="headerlink" href="#kubeobjectmeta" title="Permanent link">#</a></h3>
<p><strong>KubeObjectMeta</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_21">Parameters<a class="headerlink" href="#parameters_21" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.KubeObjectMetaProps/"><code>KubeObjectMetaProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_21">Returns<a class="headerlink" href="#returns_21" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="lineprogress">LineProgress<a class="headerlink" href="#lineprogress" title="Permanent link">#</a></h3>
<p><strong>LineProgress</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_22">Parameters<a class="headerlink" href="#parameters_22" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.LineProgressProps/"><code>LineProgressProps</code></a> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_22">Returns<a class="headerlink" href="#returns_22" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="mainlayout">MainLayout<a class="headerlink" href="#mainlayout" title="Permanent link">#</a></h3>
<p><strong>MainLayout</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_23">Parameters<a class="headerlink" href="#parameters_23" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.MainLayoutProps/"><code>MainLayoutProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_23">Returns<a class="headerlink" href="#returns_23" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="menu">Menu<a class="headerlink" href="#menu" title="Permanent link">#</a></h3>
<p><strong>Menu</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_24">Parameters<a class="headerlink" href="#parameters_24" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.MenuProps/"><code>MenuProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_24">Returns<a class="headerlink" href="#returns_24" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="menuactions">MenuActions<a class="headerlink" href="#menuactions" title="Permanent link">#</a></h3>
<p><strong>MenuActions</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_25">Parameters<a class="headerlink" href="#parameters_25" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.MenuActionsProps/"><code>MenuActionsProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_25">Returns<a class="headerlink" href="#returns_25" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="monacoeditor">MonacoEditor<a class="headerlink" href="#monacoeditor" title="Permanent link">#</a></h3>
<p><strong>MonacoEditor</strong>(<code>props</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<p><strong>NOTE</strong>: Exotic components are not callable.</p>
<h4 id="parameters_26">Parameters<a class="headerlink" href="#parameters_26" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.MonacoEditorProps/"><code>MonacoEditorProps</code></a> &amp; <code>RefAttributes</code>&lt;<code>MonacoEditorRef</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_26">Returns<a class="headerlink" href="#returns_26" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<hr />
<h3 id="namespaceselect">NamespaceSelect<a class="headerlink" href="#namespaceselect" title="Permanent link">#</a></h3>
<p><strong>NamespaceSelect</strong>&lt;<code>IsMulti</code>>(<code>props</code>): <code>JSX.Element</code></p>
<h4 id="type-parameters_8">Type parameters<a class="headerlink" href="#type-parameters_8" 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>IsMulti</code></td>
<td align="left">extends <code>boolean</code> = <code>false</code></td>
</tr>
</tbody>
</table>
<h4 id="parameters_27">Parameters<a class="headerlink" href="#parameters_27" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.NamespaceSelectProps/"><code>NamespaceSelectProps</code></a>&lt;<code>IsMulti</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_27">Returns<a class="headerlink" href="#returns_27" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="namespaceselectfilter">NamespaceSelectFilter<a class="headerlink" href="#namespaceselectfilter" title="Permanent link">#</a></h3>
<p><strong>NamespaceSelectFilter</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_28">Parameters<a class="headerlink" href="#parameters_28" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<code>NamespaceSelectFilterProps</code>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_28">Returns<a class="headerlink" href="#returns_28" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="piechart">PieChart<a class="headerlink" href="#piechart" title="Permanent link">#</a></h3>
<p><strong>PieChart</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_29">Parameters<a class="headerlink" href="#parameters_29" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.PieChartProps/"><code>PieChartProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_29">Returns<a class="headerlink" href="#returns_29" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="poddetailslist">PodDetailsList<a class="headerlink" href="#poddetailslist" title="Permanent link">#</a></h3>
<p><strong>PodDetailsList</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_30">Parameters<a class="headerlink" href="#parameters_30" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.PodDetailsListProps/"><code>PodDetailsListProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_30">Returns<a class="headerlink" href="#returns_30" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="radio">Radio<a class="headerlink" href="#radio" title="Permanent link">#</a></h3>
<p><strong>Radio</strong>&lt;<code>T</code>>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<h4 id="type-parameters_9">Type parameters<a class="headerlink" href="#type-parameters_9" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>T</code></td>
</tr>
</tbody>
</table>
<h4 id="parameters_31">Parameters<a class="headerlink" href="#parameters_31" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.RadioProps/"><code>RadioProps</code></a>&lt;<code>T</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_31">Returns<a class="headerlink" href="#returns_31" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="radiogroup">RadioGroup<a class="headerlink" href="#radiogroup" title="Permanent link">#</a></h3>
<p><strong>RadioGroup</strong>&lt;<code>T</code>>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<h4 id="type-parameters_10">Type parameters<a class="headerlink" href="#type-parameters_10" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>T</code></td>
</tr>
</tbody>
</table>
<h4 id="parameters_32">Parameters<a class="headerlink" href="#parameters_32" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.RadioGroupProps/"><code>RadioGroupProps</code></a>&lt;<code>T</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_32">Returns<a class="headerlink" href="#returns_32" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="searchinput">SearchInput<a class="headerlink" href="#searchinput" title="Permanent link">#</a></h3>
<p><strong>SearchInput</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_33">Parameters<a class="headerlink" href="#parameters_33" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.SearchInputProps/"><code>SearchInputProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_33">Returns<a class="headerlink" href="#returns_33" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="select">Select<a class="headerlink" href="#select" title="Permanent link">#</a></h3>
<p><strong>Select</strong>&lt;<code>Value</code>, <code>Option</code>, <code>IsMulti</code>, <code>Group</code>>(<code>props</code>): <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<h4 id="type-parameters_11">Type parameters<a class="headerlink" href="#type-parameters_11" 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>Value</code></td>
<td align="left"><code>Value</code></td>
</tr>
<tr>
<td align="left"><code>Option</code></td>
<td align="left">extends <a href="../../interfaces/Renderer.Component.SelectOption/"><code>SelectOption</code></a>&lt;<code>Value</code>, <code>Option</code>></td>
</tr>
<tr>
<td align="left"><code>IsMulti</code></td>
<td align="left">extends <code>boolean</code> = <code>false</code></td>
</tr>
<tr>
<td align="left"><code>Group</code></td>
<td align="left">extends <code>GroupBase</code>&lt;<code>Option</code>, <code>Group</code>> = <code>GroupBase</code>&lt;<code>Option</code>></td>
</tr>
</tbody>
</table>
<h4 id="parameters_34">Parameters<a class="headerlink" href="#parameters_34" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.SelectProps/"><code>SelectProps</code></a>&lt;<code>Value</code>, <code>Option</code>, <code>IsMulti</code>, <code>Group</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_34">Returns<a class="headerlink" href="#returns_34" title="Permanent link">#</a></h4>
<p><code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<hr />
<h3 id="statusbrick">StatusBrick<a class="headerlink" href="#statusbrick" title="Permanent link">#</a></h3>
<p><strong>StatusBrick</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_35">Parameters<a class="headerlink" href="#parameters_35" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.StatusBrickProps/"><code>StatusBrickProps</code></a> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_35">Returns<a class="headerlink" href="#returns_35" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</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>JSX.Element</code></p>
<h4 id="parameters_36">Parameters<a class="headerlink" href="#parameters_36" 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>props</code></td>
<td align="left"><code>Partial</code>&lt;<a href="../../interfaces/Renderer.Component.MenuProps/"><code>MenuProps</code></a>></td>
</tr>
</tbody>
</table>
<h4 id="returns_36">Returns<a class="headerlink" href="#returns_36" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="switch">Switch<a class="headerlink" href="#switch" title="Permanent link">#</a></h3>
<p><strong>Switch</strong>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<h4 id="parameters_37">Parameters<a class="headerlink" href="#parameters_37" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.SwitchProps/"><code>SwitchProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_37">Returns<a class="headerlink" href="#returns_37" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="switcher">Switcher<a class="headerlink" href="#switcher" title="Permanent link">#</a></h3>
<p><strong>Switcher</strong>(<code>«destructured»</code>): <code>JSX.Element</code></p>
<p><strong><code>Deprecated</code></strong></p>
<p>Use <Switch/> instead from "../switch.tsx".</p>
<h4 id="parameters_38">Parameters<a class="headerlink" href="#parameters_38" 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>«destructured»</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.SwitcherProps/"><code>SwitcherProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_38">Returns<a class="headerlink" href="#returns_38" title="Permanent link">#</a></h4>
<p><code>JSX.Element</code></p>
<hr />
<h3 id="tablayout">TabLayout<a class="headerlink" href="#tablayout" title="Permanent link">#</a></h3>
<p><strong>TabLayout</strong>(<code>props</code>, <code>context?</code>): <code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<h4 id="parameters_39">Parameters<a class="headerlink" href="#parameters_39" 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>props</code></td>
<td align="left"><code>PropsWithChildren</code>&lt;<a href="../../interfaces/Renderer.Component.TabLayoutProps/"><code>TabLayoutProps</code></a>></td>
</tr>
<tr>
<td align="left"><code>context?</code></td>
<td align="left"><code>any</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_39">Returns<a class="headerlink" href="#returns_39" title="Permanent link">#</a></h4>
<p><code>null</code> | <code>ReactElement</code>&lt;<code>any</code>, <code>any</code>></p>
<hr />
<h3 id="table">Table<a class="headerlink" href="#table" title="Permanent link">#</a></h3>
<p><strong>Table</strong>&lt;<code>Item</code>>(<code>props</code>): <code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<h4 id="type-parameters_12">Type parameters<a class="headerlink" href="#type-parameters_12" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>Item</code></td>
</tr>
</tbody>
</table>
<h4 id="parameters_40">Parameters<a class="headerlink" href="#parameters_40" 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>props</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.TableProps/"><code>TableProps</code></a>&lt;<code>Item</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_40">Returns<a class="headerlink" href="#returns_40" title="Permanent link">#</a></h4>
<p><code>ReactElement</code>&lt;<code>any</code>, <code>string</code> | <code>JSXElementConstructor</code>&lt;<code>any</code>>></p>
<hr />
<h3 id="asyncinputvalidator">asyncInputValidator<a class="headerlink" href="#asyncinputvalidator" title="Permanent link">#</a></h3>
<p><strong>asyncInputValidator</strong>(<code>validator</code>): <code>AsyncInputValidator</code></p>
<p>A helper function to create an AsyncInputValidator</p>
<h4 id="parameters_41">Parameters<a class="headerlink" href="#parameters_41" 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>validator</code></td>
<td align="left"><code>AsyncInputValidator</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_41">Returns<a class="headerlink" href="#returns_41" title="Permanent link">#</a></h4>
<p><code>AsyncInputValidator</code></p>
<hr />
<h3 id="createterminaltab">createTerminalTab<a class="headerlink" href="#createterminaltab" title="Permanent link">#</a></h3>
<p><strong>createTerminalTab</strong>(<code>tabParams?</code>): <code>Required</code>&lt;<code>DockTabCreate</code>></p>
<h4 id="parameters_42">Parameters<a class="headerlink" href="#parameters_42" 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>tabParams?</code></td>
<td align="left"><code>DockTabCreateSpecific</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_42">Returns<a class="headerlink" href="#returns_42" 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>
<p><strong><code>Deprecated</code></strong></p>
<p>Use <code>Renderer.Navigation.getDetailsUrl</code></p>
<h4 id="parameters_43">Parameters<a class="headerlink" href="#parameters_43" 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>selfLink</code></td>
<td align="left"><code>string</code></td>
</tr>
<tr>
<td align="left"><code>resetSelected?</code></td>
<td align="left"><code>boolean</code></td>
</tr>
<tr>
<td align="left"><code>mergeGlobals?</code></td>
<td align="left"><code>boolean</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_43">Returns<a class="headerlink" href="#returns_43" title="Permanent link">#</a></h4>
<p><code>string</code></p>
<hr />
<h3 id="inputvalidator_1">inputValidator<a class="headerlink" href="#inputvalidator_1" title="Permanent link">#</a></h3>
<p><strong>inputValidator</strong>(<code>validator</code>): <code>SyncInputValidator</code></p>
<p>A helper function to create an SyncInputValidator</p>
<h4 id="parameters_44">Parameters<a class="headerlink" href="#parameters_44" 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>validator</code></td>
<td align="left"><code>SyncInputValidator</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_44">Returns<a class="headerlink" href="#returns_44" title="Permanent link">#</a></h4>
<p><code>SyncInputValidator</code></p>
<hr />
<h3 id="isasyncvalidator">isAsyncValidator<a class="headerlink" href="#isasyncvalidator" title="Permanent link">#</a></h3>
<p><strong>isAsyncValidator</strong>(<code>validator</code>): validator is AsyncInputValidator</p>
<h4 id="parameters_45">Parameters<a class="headerlink" href="#parameters_45" 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>validator</code></td>
<td align="left"><a href="./#inputvalidator"><code>InputValidator</code></a>&lt;<code>boolean</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_45">Returns<a class="headerlink" href="#returns_45" title="Permanent link">#</a></h4>
<p>validator is AsyncInputValidator</p>
<hr />
<h3 id="issvg">isSvg<a class="headerlink" href="#issvg" title="Permanent link">#</a></h3>
<p><strong>isSvg</strong>(<code>content</code>): <code>boolean</code></p>
<h4 id="parameters_46">Parameters<a class="headerlink" href="#parameters_46" 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>content</code></td>
<td align="left"><code>string</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_46">Returns<a class="headerlink" href="#returns_46" title="Permanent link">#</a></h4>
<p><code>boolean</code></p>
<hr />
<h3 id="onmultiselectfor">onMultiSelectFor<a class="headerlink" href="#onmultiselectfor" title="Permanent link">#</a></h3>
<p><strong>onMultiSelectFor</strong>&lt;<code>Value</code>, <code>Option</code>, <code>Group</code>>(<code>collection</code>): <a href="../../interfaces/Renderer.Component.SelectProps/"><code>SelectProps</code></a>&lt;<code>Value</code>, <code>Option</code>, <code>true</code>, <code>Group</code>>[<code>"onChange"</code>]</p>
<h4 id="type-parameters_13">Type parameters<a class="headerlink" href="#type-parameters_13" 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>Value</code></td>
<td align="left"><code>Value</code></td>
</tr>
<tr>
<td align="left"><code>Option</code></td>
<td align="left">extends <a href="../../interfaces/Renderer.Component.SelectOption/"><code>SelectOption</code></a>&lt;<code>Value</code>, <code>Option</code>></td>
</tr>
<tr>
<td align="left"><code>Group</code></td>
<td align="left">extends <code>GroupBase</code>&lt;<code>Option</code>, <code>Group</code>> = <code>GroupBase</code>&lt;<code>Option</code>></td>
</tr>
</tbody>
</table>
<h4 id="parameters_47">Parameters<a class="headerlink" href="#parameters_47" 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>collection</code></td>
<td align="left"><code>Set</code>&lt;<code>Value</code>> | <code>ObservableSet</code>&lt;<code>Value</code>></td>
</tr>
</tbody>
</table>
<h4 id="returns_47">Returns<a class="headerlink" href="#returns_47" title="Permanent link">#</a></h4>
<p><a href="../../interfaces/Renderer.Component.SelectProps/"><code>SelectProps</code></a>&lt;<code>Value</code>, <code>Option</code>, <code>true</code>, <code>Group</code>>[<code>"onChange"</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>
<p><strong><code>Deprecated</code></strong></p>
<p>Use <code>Renderer.Navigation.showDetails</code></p>
<h4 id="parameters_48">Parameters<a class="headerlink" href="#parameters_48" 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>selfLink</code></td>
<td align="left"><code>undefined</code> | <code>string</code></td>
</tr>
<tr>
<td align="left"><code>resetSelected?</code></td>
<td align="left"><code>boolean</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_48">Returns<a class="headerlink" href="#returns_48" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="unioninputvalidatorsasync">unionInputValidatorsAsync<a class="headerlink" href="#unioninputvalidatorsasync" title="Permanent link">#</a></h3>
<p><strong>unionInputValidatorsAsync</strong>(<code>baseValidator</code>, <code>...validators</code>): <code>AsyncInputValidator</code></p>
<p>Create a new input validator from a list of syncronous or async input validators. Will match as
valid if one of the input validators matches the input</p>
<h4 id="parameters_49">Parameters<a class="headerlink" href="#parameters_49" 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>baseValidator</code></td>
<td align="left"><code>Simplify</code>&lt;<code>Except</code>&lt;<code>Pick</code>&lt;<a href="./#inputvalidator"><code>InputValidator</code></a>&lt;<code>boolean</code>>, <code>"message"</code> | <code>"condition"</code>>, <code>"message"</code>> &amp; <code>Required</code>&lt;<code>Pick</code>&lt;<code>Pick</code>&lt;<a href="./#inputvalidator"><code>InputValidator</code></a>&lt;<code>boolean</code>>, <code>"message"</code> | <code>"condition"</code>>, <code>"message"</code>>>></td>
</tr>
<tr>
<td align="left"><code>...validators</code></td>
<td align="left"><a href="./#inputvalidator"><code>InputValidator</code></a>&lt;<code>boolean</code>>[]</td>
</tr>
</tbody>
</table>
<h4 id="returns_49">Returns<a class="headerlink" href="#returns_49" title="Permanent link">#</a></h4>
<p><code>AsyncInputValidator</code></p>
<hr />
<h3 id="withtooltip">withTooltip<a class="headerlink" href="#withtooltip" title="Permanent link">#</a></h3>
<p><strong>withTooltip</strong>&lt;<code>TargetProps</code>>(<code>Target</code>): <code>React.FunctionComponent</code>&lt;<code>TargetProps</code> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></p>
<h4 id="type-parameters_14">Type parameters<a class="headerlink" href="#type-parameters_14" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>TargetProps</code></td>
</tr>
</tbody>
</table>
<h4 id="parameters_50">Parameters<a class="headerlink" href="#parameters_50" 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>Target</code></td>
<td align="left"><code>TargetProps</code> extends <code>Pick</code>&lt;<a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>, <code>"id"</code> | <code>"children"</code>> ? <code>FunctionComponent</code>&lt;<code>TargetProps</code>> : <code>never</code></td>
</tr>
</tbody>
</table>
<h4 id="returns_50">Returns<a class="headerlink" href="#returns_50" title="Permanent link">#</a></h4>
<p><code>React.FunctionComponent</code>&lt;<code>TargetProps</code> &amp; <a href="../../interfaces/Renderer.Component.TooltipDecoratorProps/"><code>TooltipDecoratorProps</code></a>></p>
</article>
</div>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-footer-copyright">
<div class="md-footer-copyright__highlight">
Copyright &copy; 2021 <a href="https://mirantis.com/">Mirantis Inc.</a> - All rights reserved.
</div>
</div>
<div class="md-footer-social">
<a href="https://github.com/lensapp/lens" target="_blank" rel="noopener" title="Lens on GitHub" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
</a>
<a href="https://twitter.com/k8slens" target="_blank" rel="noopener" title="Lens on Twitter" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
</a>
<a href="http://k8slens.slack.com/" target="_blank" rel="noopener" title="Lens on Slack" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"/></svg>
</a>
<a href="https://k8slens.dev/" target="_blank" rel="noopener" title="Lens Website" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../../../..", "features": ["toc.autohide", "search.suggest", "search.highlight"], "search": "../../../../assets/javascripts/workers/search.df8cae7d.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.config.lang": "en", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.placeholder": "Search", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version.title": "Select version"}, "version": {"provider": "mike"}}</script>
<script src="../../../../assets/javascripts/bundle.82217815.min.js"></script>
</body>
</html>