<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>@grafana/ui on Grafana Labs</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/</link><description>Recent content in @grafana/ui on Grafana Labs</description><generator>Hugo -- gohugo.io</generator><language>en</language><atom:link href="/docs/grafana/v8.4/packages_api/ui/index.xml" rel="self" type="application/rss+xml"/><item><title>ActionMeta</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/actionmeta/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/actionmeta/</guid><content><![CDATA[&lt;h2 id=&#34;actionmeta-type&#34;&gt;ActionMeta type&lt;/h2&gt;
&lt;h3 id=&#34;actionmeta-type-1&#34;&gt;ActionMeta type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type ActionMeta = SelectActionMeta&amp;lt;{}&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ActionMeta } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="actionmeta-type">ActionMeta type&lt;/h2>
&lt;h3 id="actionmeta-type-1">ActionMeta type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type ActionMeta = SelectActionMeta&amp;lt;{}&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ActionMeta } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>addStackingConfig</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addstackingconfig/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addstackingconfig/</guid><content><![CDATA[&lt;h2 id=&#34;commonoptionsbuilderaddstackingconfig-function&#34;&gt;commonOptionsBuilder.addStackingConfig() function&lt;/h2&gt;
&lt;h3 id=&#34;commonoptionsbuilderaddstackingconfig-function-1&#34;&gt;commonOptionsBuilder.addStackingConfig() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function addStackingConfig(builder: FieldConfigEditorBuilder&amp;lt;GraphFieldConfig&amp;gt;, defaultConfig?: StackingConfig, category?: string[]): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;
const { addStackingConfig } = commonOptionsBuilder;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;builder&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;FieldConfigEditorBuilder&amp;lt;GraphFieldConfig&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;defaultConfig&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;StackingConfig&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;category&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="commonoptionsbuilderaddstackingconfig-function">commonOptionsBuilder.addStackingConfig() function&lt;/h2>
&lt;h3 id="commonoptionsbuilderaddstackingconfig-function-1">commonOptionsBuilder.addStackingConfig() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function addStackingConfig(builder: FieldConfigEditorBuilder&amp;lt;GraphFieldConfig&amp;gt;, defaultConfig?: StackingConfig, category?: string[]): void;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>addTextSizeOptions</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addtextsizeoptions/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addtextsizeoptions/</guid><content><![CDATA[&lt;h2 id=&#34;commonoptionsbuilderaddtextsizeoptions-function&#34;&gt;commonOptionsBuilder.addTextSizeOptions() function&lt;/h2&gt;
&lt;h3 id=&#34;commonoptionsbuilderaddtextsizeoptions-function-1&#34;&gt;commonOptionsBuilder.addTextSizeOptions() function&lt;/h3&gt;
&lt;p&gt;Adds common text control options to a visualization options&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function addTextSizeOptions&amp;lt;T extends OptionsWithTextFormatting&amp;gt;(builder: PanelOptionsEditorBuilder&amp;lt;T&amp;gt;, withTitle?: boolean): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;
const { addTextSizeOptions } = commonOptionsBuilder;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;builder&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PanelOptionsEditorBuilder&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;withTitle&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="commonoptionsbuilderaddtextsizeoptions-function">commonOptionsBuilder.addTextSizeOptions() function&lt;/h2>
&lt;h3 id="commonoptionsbuilderaddtextsizeoptions-function-1">commonOptionsBuilder.addTextSizeOptions() function&lt;/h3>
&lt;p>Adds common text control options to a visualization options&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function addTextSizeOptions&amp;lt;T extends OptionsWithTextFormatting&amp;gt;(builder: PanelOptionsEditorBuilder&amp;lt;T&amp;gt;, withTitle?: boolean): void;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>addTooltipOptions</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addtooltipoptions/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/addtooltipoptions/</guid><content><![CDATA[&lt;h2 id=&#34;commonoptionsbuilderaddtooltipoptions-function&#34;&gt;commonOptionsBuilder.addTooltipOptions() function&lt;/h2&gt;
&lt;h3 id=&#34;commonoptionsbuilderaddtooltipoptions-function-1&#34;&gt;commonOptionsBuilder.addTooltipOptions() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function addTooltipOptions&amp;lt;T extends OptionsWithTooltip&amp;gt;(builder: PanelOptionsEditorBuilder&amp;lt;T&amp;gt;, singleOnly?: boolean): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;
const { addTooltipOptions } = commonOptionsBuilder;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;builder&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PanelOptionsEditorBuilder&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;singleOnly&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="commonoptionsbuilderaddtooltipoptions-function">commonOptionsBuilder.addTooltipOptions() function&lt;/h2>
&lt;h3 id="commonoptionsbuilderaddtooltipoptions-function-1">commonOptionsBuilder.addTooltipOptions() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function addTooltipOptions&amp;lt;T extends OptionsWithTooltip&amp;gt;(builder: PanelOptionsEditorBuilder&amp;lt;T&amp;gt;, singleOnly?: boolean): void;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Alert</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alert/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alert/</guid><content><![CDATA[&lt;h2 id=&#34;alert-variable&#34;&gt;Alert variable&lt;/h2&gt;
&lt;h3 id=&#34;alert-variable-1&#34;&gt;Alert variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Alert: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Alert } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="alert-variable">Alert variable&lt;/h2>
&lt;h3 id="alert-variable-1">Alert variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Alert: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Alert } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>AlertingSettings</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alertingsettings/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alertingsettings/</guid><content><![CDATA[&lt;h2 id=&#34;alertingsettings-function&#34;&gt;AlertingSettings() function&lt;/h2&gt;
&lt;h3 id=&#34;alertingsettings-function-1&#34;&gt;AlertingSettings() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function AlertingSettings&amp;lt;T extends AlertingConfig&amp;gt;({ alertmanagerDataSources, options, onOptionsChange, }: Props&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { AlertingSettings } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ alertmanagerDataSources, options, onOptionsChange, }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="alertingsettings-function">AlertingSettings() function&lt;/h2>
&lt;h3 id="alertingsettings-function-1">AlertingSettings() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function AlertingSettings&amp;lt;T extends AlertingConfig&amp;gt;({ alertmanagerDataSources, options, onOptionsChange, }: Props&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>AlertVariant</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alertvariant/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/alertvariant/</guid><content><![CDATA[&lt;h2 id=&#34;alertvariant-type&#34;&gt;AlertVariant type&lt;/h2&gt;
&lt;h3 id=&#34;alertvariant-type-1&#34;&gt;AlertVariant type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type AlertVariant = &amp;#39;success&amp;#39; | &amp;#39;warning&amp;#39; | &amp;#39;error&amp;#39; | &amp;#39;info&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { AlertVariant } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="alertvariant-type">AlertVariant type&lt;/h2>
&lt;h3 id="alertvariant-type-1">AlertVariant type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type AlertVariant = &amp;#39;success&amp;#39; | &amp;#39;warning&amp;#39; | &amp;#39;error&amp;#39; | &amp;#39;info&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>AsyncMultiSelect</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/asyncmultiselect/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/asyncmultiselect/</guid><content><![CDATA[&lt;h2 id=&#34;asyncmultiselect-function&#34;&gt;AsyncMultiSelect() function&lt;/h2&gt;
&lt;h3 id=&#34;asyncmultiselect-function-1&#34;&gt;AsyncMultiSelect() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function AsyncMultiSelect&amp;lt;T&amp;gt;(props: AsyncMultiSelectProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { AsyncMultiSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;AsyncMultiSelectProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="asyncmultiselect-function">AsyncMultiSelect() function&lt;/h2>
&lt;h3 id="asyncmultiselect-function-1">AsyncMultiSelect() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function AsyncMultiSelect&amp;lt;T&amp;gt;(props: AsyncMultiSelectProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { AsyncMultiSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>AsyncSelect</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/asyncselect/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/asyncselect/</guid><content><![CDATA[&lt;h2 id=&#34;asyncselect-function&#34;&gt;AsyncSelect() function&lt;/h2&gt;
&lt;h3 id=&#34;asyncselect-function-1&#34;&gt;AsyncSelect() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function AsyncSelect&amp;lt;T&amp;gt;(props: AsyncSelectProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { AsyncSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;AsyncSelectProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="asyncselect-function">AsyncSelect() function&lt;/h2>
&lt;h3 id="asyncselect-function-1">AsyncSelect() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function AsyncSelect&amp;lt;T&amp;gt;(props: AsyncSelectProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { AsyncSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>Badge</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badge/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badge/</guid><content><![CDATA[&lt;h2 id=&#34;badge-variable&#34;&gt;Badge variable&lt;/h2&gt;
&lt;h3 id=&#34;badge-variable-1&#34;&gt;Badge variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Badge: React.NamedExoticComponent&amp;lt;BadgeProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Badge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="badge-variable">Badge variable&lt;/h2>
&lt;h3 id="badge-variable-1">Badge variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Badge: React.NamedExoticComponent&amp;lt;BadgeProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Badge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>BadgeColor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badgecolor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badgecolor/</guid><content><![CDATA[&lt;h2 id=&#34;badgecolor-type&#34;&gt;BadgeColor type&lt;/h2&gt;
&lt;h3 id=&#34;badgecolor-type-1&#34;&gt;BadgeColor type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type BadgeColor = &amp;#39;blue&amp;#39; | &amp;#39;red&amp;#39; | &amp;#39;green&amp;#39; | &amp;#39;orange&amp;#39; | &amp;#39;purple&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BadgeColor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="badgecolor-type">BadgeColor type&lt;/h2>
&lt;h3 id="badgecolor-type-1">BadgeColor type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type BadgeColor = &amp;#39;blue&amp;#39; | &amp;#39;red&amp;#39; | &amp;#39;green&amp;#39; | &amp;#39;orange&amp;#39; | &amp;#39;purple&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>BadgeProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badgeprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/badgeprops/</guid><content><![CDATA[&lt;h2 id=&#34;badgeprops-interface&#34;&gt;BadgeProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface BadgeProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BadgeProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#color-property&#34;&gt;color&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;BadgeColor&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#icon-property&#34;&gt;icon&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;IconName&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#text-property&#34;&gt;text&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#tooltip-property&#34;&gt;tooltip&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;color-property&#34;&gt;color property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;color: BadgeColor;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;icon-property&#34;&gt;icon property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;icon?: IconName;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;text-property&#34;&gt;text property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;text: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;tooltip-property&#34;&gt;tooltip property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;tooltip?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="badgeprops-interface">BadgeProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface BadgeProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BadgeProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>BarGauge</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bargauge/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bargauge/</guid><content><![CDATA[&lt;h2 id=&#34;bargauge-class&#34;&gt;BarGauge class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class BarGauge extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BarGauge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Partial&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderbarandvalue-method&#34;&gt;renderBarAndValue()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderbasicandgradientbars-method&#34;&gt;renderBasicAndGradientBars()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderretrobars-method&#34;&gt;renderRetroBars()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: Partial&amp;lt;Props&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;renderbarandvalue-method&#34;&gt;renderBarAndValue method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderBarAndValue(): React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;renderbasicandgradientbars-method&#34;&gt;renderBasicAndGradientBars method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderBasicAndGradientBars(): ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;ReactNode&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;renderretrobars-method&#34;&gt;renderRetroBars method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderRetroBars(): ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;ReactNode&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="bargauge-class">BarGauge class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class BarGauge extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BarGauge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>BarGaugeDisplayMode</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bargaugedisplaymode/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bargaugedisplaymode/</guid><content><![CDATA[&lt;h2 id=&#34;bargaugedisplaymode-enum&#34;&gt;BarGaugeDisplayMode enum&lt;/h2&gt;
&lt;h3 id=&#34;bargaugedisplaymode-enum-1&#34;&gt;BarGaugeDisplayMode enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum BarGaugeDisplayMode &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BarGaugeDisplayMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Basic&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;basic&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Gradient&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;gradient&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Lcd&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;lcd&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="bargaugedisplaymode-enum">BarGaugeDisplayMode enum&lt;/h2>
&lt;h3 id="bargaugedisplaymode-enum-1">BarGaugeDisplayMode enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum BarGaugeDisplayMode &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BarGaugeDisplayMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Basic&lt;/td>
&lt;td>&lt;code>&amp;quot;basic&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Gradient&lt;/td>
&lt;td>&lt;code>&amp;quot;gradient&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Lcd&lt;/td>
&lt;td>&lt;code>&amp;quot;lcd&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>BigValue</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvalue/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvalue/</guid><content><![CDATA[&lt;h2 id=&#34;bigvalue-class&#34;&gt;BigValue class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class BigValue extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BigValue } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Partial&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: Partial&amp;lt;Props&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="bigvalue-class">BigValue class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class BigValue extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BigValue } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>BigValueColorMode</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluecolormode/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluecolormode/</guid><content><![CDATA[&lt;h2 id=&#34;bigvaluecolormode-enum&#34;&gt;BigValueColorMode enum&lt;/h2&gt;
&lt;h3 id=&#34;bigvaluecolormode-enum-1&#34;&gt;BigValueColorMode enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum BigValueColorMode &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BigValueColorMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Background&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;background&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;None&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;none&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Value&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;value&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="bigvaluecolormode-enum">BigValueColorMode enum&lt;/h2>
&lt;h3 id="bigvaluecolormode-enum-1">BigValueColorMode enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum BigValueColorMode &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BigValueColorMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Background&lt;/td>
&lt;td>&lt;code>&amp;quot;background&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>None&lt;/td>
&lt;td>&lt;code>&amp;quot;none&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Value&lt;/td>
&lt;td>&lt;code>&amp;quot;value&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>BigValueGraphMode</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluegraphmode/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluegraphmode/</guid><content><![CDATA[&lt;h2 id=&#34;bigvaluegraphmode-enum&#34;&gt;BigValueGraphMode enum&lt;/h2&gt;
&lt;h3 id=&#34;bigvaluegraphmode-enum-1&#34;&gt;BigValueGraphMode enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum BigValueGraphMode &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BigValueGraphMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Area&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;area&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Line&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;line&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;None&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;none&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="bigvaluegraphmode-enum">BigValueGraphMode enum&lt;/h2>
&lt;h3 id="bigvaluegraphmode-enum-1">BigValueGraphMode enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum BigValueGraphMode &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BigValueGraphMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Area&lt;/td>
&lt;td>&lt;code>&amp;quot;area&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Line&lt;/td>
&lt;td>&lt;code>&amp;quot;line&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>None&lt;/td>
&lt;td>&lt;code>&amp;quot;none&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>BigValueJustifyMode</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluejustifymode/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluejustifymode/</guid><content><![CDATA[&lt;h2 id=&#34;bigvaluejustifymode-enum&#34;&gt;BigValueJustifyMode enum&lt;/h2&gt;
&lt;h3 id=&#34;bigvaluejustifymode-enum-1&#34;&gt;BigValueJustifyMode enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum BigValueJustifyMode &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BigValueJustifyMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Auto&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;auto&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Center&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;center&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="bigvaluejustifymode-enum">BigValueJustifyMode enum&lt;/h2>
&lt;h3 id="bigvaluejustifymode-enum-1">BigValueJustifyMode enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum BigValueJustifyMode &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BigValueJustifyMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Auto&lt;/td>
&lt;td>&lt;code>&amp;quot;auto&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Center&lt;/td>
&lt;td>&lt;code>&amp;quot;center&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>BigValueTextMode</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluetextmode/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bigvaluetextmode/</guid><content><![CDATA[&lt;h2 id=&#34;bigvaluetextmode-enum&#34;&gt;BigValueTextMode enum&lt;/h2&gt;
&lt;h3 id=&#34;bigvaluetextmode-enum-1&#34;&gt;BigValueTextMode enum&lt;/h3&gt;
&lt;p&gt;Options for how the value &amp;amp; title are to be displayed&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum BigValueTextMode &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BigValueTextMode } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Auto&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;auto&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Name&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;name&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;None&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;none&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Value&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;value&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;ValueAndName&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;value_and_name&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="bigvaluetextmode-enum">BigValueTextMode enum&lt;/h2>
&lt;h3 id="bigvaluetextmode-enum-1">BigValueTextMode enum&lt;/h3>
&lt;p>Options for how the value &amp;amp; title are to be displayed&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum BigValueTextMode &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>BracesPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bracesplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/bracesplugin/</guid><content><![CDATA[&lt;h2 id=&#34;bracesplugin-function&#34;&gt;BracesPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;bracesplugin-function-1&#34;&gt;BracesPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function BracesPlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { BracesPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="bracesplugin-function">BracesPlugin() function&lt;/h2>
&lt;h3 id="bracesplugin-function-1">BracesPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function BracesPlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { BracesPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>buildScaleKey</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buildscalekey/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buildscalekey/</guid><content><![CDATA[&lt;h2 id=&#34;buildscalekey-function&#34;&gt;buildScaleKey() function&lt;/h2&gt;
&lt;h3 id=&#34;buildscalekey-function-1&#34;&gt;buildScaleKey() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function buildScaleKey(config: FieldConfig&amp;lt;GraphFieldConfig&amp;gt;): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { buildScaleKey } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;config&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;FieldConfig&amp;lt;GraphFieldConfig&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="buildscalekey-function">buildScaleKey() function&lt;/h2>
&lt;h3 id="buildscalekey-function-1">buildScaleKey() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function buildScaleKey(config: FieldConfig&amp;lt;GraphFieldConfig&amp;gt;): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { buildScaleKey } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>Button</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/button/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/button/</guid><content><![CDATA[&lt;h2 id=&#34;button-variable&#34;&gt;Button variable&lt;/h2&gt;
&lt;h3 id=&#34;button-variable-1&#34;&gt;Button variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Button: React.ForwardRefExoticComponent&amp;lt;CommonProps &amp;amp; React.ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Button } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="button-variable">Button variable&lt;/h2>
&lt;h3 id="button-variable-1">Button variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Button: React.ForwardRefExoticComponent&amp;lt;CommonProps &amp;amp; React.ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Button } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ButtonCascader</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttoncascader/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttoncascader/</guid><content><![CDATA[&lt;h2 id=&#34;buttoncascader-variable&#34;&gt;ButtonCascader variable&lt;/h2&gt;
&lt;h3 id=&#34;buttoncascader-variable-1&#34;&gt;ButtonCascader variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ButtonCascader: React.FC&amp;lt;ButtonCascaderProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ButtonCascader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="buttoncascader-variable">ButtonCascader variable&lt;/h2>
&lt;h3 id="buttoncascader-variable-1">ButtonCascader variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ButtonCascader: React.FC&amp;lt;ButtonCascaderProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ButtonCascader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ButtonGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttongroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttongroup/</guid><content><![CDATA[&lt;h2 id=&#34;buttongroup-variable&#34;&gt;ButtonGroup variable&lt;/h2&gt;
&lt;h3 id=&#34;buttongroup-variable-1&#34;&gt;ButtonGroup variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ButtonGroup: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="buttongroup-variable">ButtonGroup variable&lt;/h2>
&lt;h3 id="buttongroup-variable-1">ButtonGroup variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ButtonGroup: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ButtonProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonprops/</guid><content><![CDATA[&lt;h2 id=&#34;buttonprops-type&#34;&gt;ButtonProps type&lt;/h2&gt;
&lt;h3 id=&#34;buttonprops-type-1&#34;&gt;ButtonProps type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type ButtonProps = CommonProps &amp;amp; ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ButtonProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="buttonprops-type">ButtonProps type&lt;/h2>
&lt;h3 id="buttonprops-type-1">ButtonProps type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type ButtonProps = CommonProps &amp;amp; ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ButtonRow</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modal/buttonrow/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modal/buttonrow/</guid><content><![CDATA[&lt;h2 id=&#34;modalbuttonrow-variable&#34;&gt;Modal.ButtonRow variable&lt;/h2&gt;
&lt;h3 id=&#34;modalbuttonrow-variable-1&#34;&gt;Modal.ButtonRow variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ButtonRow: typeof ModalButtonRow&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Modal } from &amp;#39;@grafana/ui&amp;#39;;
const { ButtonRow } = Modal;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="modalbuttonrow-variable">Modal.ButtonRow variable&lt;/h2>
&lt;h3 id="modalbuttonrow-variable-1">Modal.ButtonRow variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ButtonRow: typeof ModalButtonRow&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Modal } from &amp;#39;@grafana/ui&amp;#39;;
const { ButtonRow } = Modal;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ButtonSelect</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonselect/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonselect/</guid><content><![CDATA[&lt;h2 id=&#34;buttonselect-variable&#34;&gt;ButtonSelect variable&lt;/h2&gt;
&lt;h3 id=&#34;buttonselect-variable-1&#34;&gt;ButtonSelect variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ButtonSelect: {
    &amp;lt;T&amp;gt;(props: Props&amp;lt;T&amp;gt;): JSX.Element;
    displayName: string;
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ButtonSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="buttonselect-variable">ButtonSelect variable&lt;/h2>
&lt;h3 id="buttonselect-variable-1">ButtonSelect variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ButtonSelect: {
&amp;lt;T&amp;gt;(props: Props&amp;lt;T&amp;gt;): JSX.Element;
displayName: string;
}&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ButtonVariant</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonvariant/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/buttonvariant/</guid><content><![CDATA[&lt;h2 id=&#34;buttonvariant-type&#34;&gt;ButtonVariant type&lt;/h2&gt;
&lt;h3 id=&#34;buttonvariant-type-1&#34;&gt;ButtonVariant type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type ButtonVariant = &amp;#39;primary&amp;#39; | &amp;#39;secondary&amp;#39; | &amp;#39;destructive&amp;#39; | &amp;#39;link&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ButtonVariant } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="buttonvariant-type">ButtonVariant type&lt;/h2>
&lt;h3 id="buttonvariant-type-1">ButtonVariant type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type ButtonVariant = &amp;#39;primary&amp;#39; | &amp;#39;secondary&amp;#39; | &amp;#39;destructive&amp;#39; | &amp;#39;link&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>calculateFontSize</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/calculatefontsize/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/calculatefontsize/</guid><content><![CDATA[&lt;h2 id=&#34;calculatefontsize-function&#34;&gt;calculateFontSize() function&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;calculatefontsize-function-1&#34;&gt;calculateFontSize() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function calculateFontSize(text: string, width: number, height: number, lineHeight: number, maxSize?: number): number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { calculateFontSize } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;text&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;width&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;height&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;lineHeight&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;maxSize&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;number&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="calculatefontsize-function">calculateFontSize() function&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>CallToActionCard</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/calltoactioncard/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/calltoactioncard/</guid><content><![CDATA[&lt;h2 id=&#34;calltoactioncard-variable&#34;&gt;CallToActionCard variable&lt;/h2&gt;
&lt;h3 id=&#34;calltoactioncard-variable-1&#34;&gt;CallToActionCard variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CallToActionCard: React.FunctionComponent&amp;lt;CallToActionCardProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CallToActionCard } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="calltoactioncard-variable">CallToActionCard variable&lt;/h2>
&lt;h3 id="calltoactioncard-variable-1">CallToActionCard variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CallToActionCard: React.FunctionComponent&amp;lt;CallToActionCardProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CallToActionCard } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Card</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/card/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/card/</guid><content><![CDATA[&lt;h2 id=&#34;card-variable&#34;&gt;Card variable&lt;/h2&gt;
&lt;h3 id=&#34;card-variable-1&#34;&gt;Card variable&lt;/h3&gt;
&lt;p&gt;Generic card component&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Card: CardInterface&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Card } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="card-variable">Card variable&lt;/h2>
&lt;h3 id="card-variable-1">Card variable&lt;/h3>
&lt;p>Generic card component&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Card: CardInterface&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Card } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>cardChrome</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/cardchrome/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/cardchrome/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinscardchrome-function&#34;&gt;styleMixins.cardChrome() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinscardchrome-function-1&#34;&gt;styleMixins.cardChrome() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function cardChrome(theme: GrafanaTheme2): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { cardChrome } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinscardchrome-function">styleMixins.cardChrome() function&lt;/h2>
&lt;h3 id="stylemixinscardchrome-function-1">styleMixins.cardChrome() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function cardChrome(theme: GrafanaTheme2): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { cardChrome } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>CardContainer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardcontainer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardcontainer/</guid><content><![CDATA[&lt;h2 id=&#34;cardcontainer-variable&#34;&gt;CardContainer variable&lt;/h2&gt;
&lt;h3 id=&#34;cardcontainer-variable-1&#34;&gt;CardContainer variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CardContainer: ({ children, disableEvents, disableHover, className, href, ...props }: CardContainerProps) =&amp;gt; JSX.Element&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CardContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="cardcontainer-variable">CardContainer variable&lt;/h2>
&lt;h3 id="cardcontainer-variable-1">CardContainer variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CardContainer: ({ children, disableEvents, disableHover, className, href, ...props }: CardContainerProps) =&amp;gt; JSX.Element&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>CardContainerProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardcontainerprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardcontainerprops/</guid><content><![CDATA[&lt;h2 id=&#34;cardcontainerprops-interface&#34;&gt;CardContainerProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface CardContainerProps extends HTMLAttributes&amp;lt;HTMLOrSVGElement&amp;gt;, CardInnerProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CardContainerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#classname-property&#34;&gt;className&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Custom container styles&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disableevents-property&#34;&gt;disableEvents&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Disable pointer events for the Card, e.g. click events&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disablehover-property&#34;&gt;disableHover&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;No style change on hover&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;classname-property&#34;&gt;className property&lt;/h3&gt;
&lt;p&gt;Custom container styles&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;className?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disableevents-property&#34;&gt;disableEvents property&lt;/h3&gt;
&lt;p&gt;Disable pointer events for the Card, e.g. click events&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disableEvents?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disablehover-property&#34;&gt;disableHover property&lt;/h3&gt;
&lt;p&gt;No style change on hover&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disableHover?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="cardcontainerprops-interface">CardContainerProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface CardContainerProps extends HTMLAttributes&amp;lt;HTMLOrSVGElement&amp;gt;, CardInnerProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CardContainerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>CardProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cardprops/</guid><content><![CDATA[&lt;h2 id=&#34;cardprops-interface&#34;&gt;CardProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface Props extends Omit&amp;lt;CardContainerProps, &amp;#39;disableEvents&amp;#39; | &amp;#39;disableHover&amp;#39;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CardProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#description-property&#34;&gt;description&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disabled-property&#34;&gt;disabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Indicates if the card and all its actions can be interacted with&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#heading-property&#34;&gt;heading&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#href-property&#34;&gt;href&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Link to redirect to on card click. If provided, the Card inner content will be rendered inside &lt;code&gt;a&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onclick-property&#34;&gt;onClick&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;On click handler for the Card&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;description-property&#34;&gt;description property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;description?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disabled-property&#34;&gt;disabled property&lt;/h3&gt;
&lt;p&gt;Indicates if the card and all its actions can be interacted with&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disabled?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;heading-property&#34;&gt;heading property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;heading?: ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;href-property&#34;&gt;href property&lt;/h3&gt;
&lt;p&gt;Link to redirect to on card click. If provided, the Card inner content will be rendered inside &lt;code&gt;a&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;href?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onclick-property&#34;&gt;onClick property&lt;/h3&gt;
&lt;p&gt;On click handler for the Card&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onClick?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="cardprops-interface">CardProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface Props extends Omit&amp;lt;CardContainerProps, &amp;#39;disableEvents&amp;#39; | &amp;#39;disableHover&amp;#39;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CardProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Cascader</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cascader/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cascader/</guid><content><![CDATA[&lt;h2 id=&#34;cascader-class&#34;&gt;Cascader class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class Cascader extends React.PureComponent&amp;lt;CascaderProps, CascaderState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Cascader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;Cascader&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        changeOnSelect: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#flattenoptions-property&#34;&gt;flattenOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(options: CascaderOption[], optionPath?: CascaderOption[]) =&amp;gt; SelectableValue&amp;lt;string[]&amp;gt;[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getsearchableoptions-property&#34;&gt;getSearchableOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;import(&amp;quot;memoize-one&amp;quot;).MemoizedFn&amp;lt;(options: CascaderOption[]) =&amp;gt; SelectableValue&amp;lt;string[]&amp;gt;[]&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onblur-property&#34;&gt;onBlur&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onblurcascade-property&#34;&gt;onBlurCascade&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: string[], selectedOptions: CascaderOption[]) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#oncreateoption-property&#34;&gt;onCreateOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: string) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#oninputkeydown-property&#34;&gt;onInputKeyDown&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(e: React.KeyboardEvent&amp;lt;HTMLInputElement&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onselect-property&#34;&gt;onSelect&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(obj: SelectableValue&amp;lt;string[]&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setinitialvalue-method&#34;&gt;setInitialValue(searchableOptions, initValue)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;Cascader&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: CascaderProps);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CascaderProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: {
        changeOnSelect: boolean;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;flattenoptions-property&#34;&gt;flattenOptions property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;flattenOptions: (options: CascaderOption[], optionPath?: CascaderOption[]) =&amp;gt; SelectableValue&amp;lt;string[]&amp;gt;[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getsearchableoptions-property&#34;&gt;getSearchableOptions property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getSearchableOptions: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(options: CascaderOption[]) =&amp;gt; SelectableValue&amp;lt;string[]&amp;gt;[]&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onblur-property&#34;&gt;onBlur property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onBlur: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onblurcascade-property&#34;&gt;onBlurCascade property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onBlurCascade: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: string[], selectedOptions: CascaderOption[]) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;oncreateoption-property&#34;&gt;onCreateOption property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onCreateOption: (value: string) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;oninputkeydown-property&#34;&gt;onInputKeyDown property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onInputKeyDown: (e: React.KeyboardEvent&amp;lt;HTMLInputElement&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onselect-property&#34;&gt;onSelect property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onSelect: (obj: SelectableValue&amp;lt;string[]&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setinitialvalue-method&#34;&gt;setInitialValue method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setInitialValue(searchableOptions: Array&amp;lt;SelectableValue&amp;lt;string[]&amp;gt;&amp;gt;, initValue?: string): {
        rcValue: string[];
        activeLabel: any;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;searchableOptions&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;SelectableValue&amp;lt;string[]&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;initValue&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;{ rcValue: string[]; activeLabel: any; }&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="cascader-class">Cascader class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class Cascader extends React.PureComponent&amp;lt;CascaderProps, CascaderState&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Cascader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>CascaderOption</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cascaderoption/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/cascaderoption/</guid><content><![CDATA[&lt;h2 id=&#34;cascaderoption-interface&#34;&gt;CascaderOption interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface CascaderOption &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CascaderOption } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CascaderOption[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Children will be shown in a submenu. Use &amp;lsquo;items&amp;rsquo; instead, as &amp;lsquo;children&amp;rsquo; exist to ensure backwards compatibility.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disabled-property&#34;&gt;disabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#items-property&#34;&gt;items&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CascaderOption[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Items will be just flattened into the main list of items recursively.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The label to display in the UI&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#title-property&#34;&gt;title&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Avoid using&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The value used under the hood&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;Children will be shown in a submenu. Use &amp;lsquo;items&amp;rsquo; instead, as &amp;lsquo;children&amp;rsquo; exist to ensure backwards compatibility.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children?: CascaderOption[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disabled-property&#34;&gt;disabled property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disabled?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;items-property&#34;&gt;items property&lt;/h3&gt;
&lt;p&gt;Items will be just flattened into the main list of items recursively.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;items?: CascaderOption[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;The label to display in the UI&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;title-property&#34;&gt;title property&lt;/h3&gt;
&lt;p&gt;Avoid using&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;title?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;The value used under the hood&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="cascaderoption-interface">CascaderOption interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface CascaderOption &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CascaderOption } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>CertificationKey</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/certificationkey/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/certificationkey/</guid><content><![CDATA[&lt;h2 id=&#34;certificationkey-variable&#34;&gt;CertificationKey variable&lt;/h2&gt;
&lt;h3 id=&#34;certificationkey-variable-1&#34;&gt;CertificationKey variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CertificationKey: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CertificationKey } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="certificationkey-variable">CertificationKey variable&lt;/h2>
&lt;h3 id="certificationkey-variable-1">CertificationKey variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CertificationKey: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CertificationKey } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Checkbox</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/checkbox/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/checkbox/</guid><content><![CDATA[&lt;h2 id=&#34;checkbox-variable&#34;&gt;Checkbox variable&lt;/h2&gt;
&lt;h3 id=&#34;checkbox-variable-1&#34;&gt;Checkbox variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Checkbox: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;CheckboxProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;description&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Checkbox } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="checkbox-variable">Checkbox variable&lt;/h2>
&lt;h3 id="checkbox-variable-1">Checkbox variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Checkbox: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;CheckboxProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;description&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ClearPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clearplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clearplugin/</guid><content><![CDATA[&lt;h2 id=&#34;clearplugin-function&#34;&gt;ClearPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;clearplugin-function-1&#34;&gt;ClearPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function ClearPlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ClearPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="clearplugin-function">ClearPlugin() function&lt;/h2>
&lt;h3 id="clearplugin-function-1">ClearPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function ClearPlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ClearPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>ClickOutsideWrapper</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clickoutsidewrapper/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clickoutsidewrapper/</guid><content><![CDATA[&lt;h2 id=&#34;clickoutsidewrapper-class&#34;&gt;ClickOutsideWrapper class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class ClickOutsideWrapper extends PureComponent&amp;lt;Props, State&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ClickOutsideWrapper } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        includeButtonPress: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        parent: Window &amp;amp; typeof globalThis;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        useCapture: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#myref-property&#34;&gt;myRef&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.RefObject&amp;lt;HTMLDivElement&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onoutsideclick-property&#34;&gt;onOutsideClick&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: any) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        hasEventListener: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentwillunmount-method&#34;&gt;componentWillUnmount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: {
        includeButtonPress: boolean;
        parent: Window &amp;amp; typeof globalThis;
        useCapture: boolean;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;myref-property&#34;&gt;myRef property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;myRef: React.RefObject&amp;lt;HTMLDivElement&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onoutsideclick-property&#34;&gt;onOutsideClick property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onOutsideClick: (event: any) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;state: {
        hasEventListener: boolean;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentwillunmount-method&#34;&gt;componentWillUnmount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentWillUnmount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="clickoutsidewrapper-class">ClickOutsideWrapper class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class ClickOutsideWrapper extends PureComponent&amp;lt;Props, State&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ClickOutsideWrapper } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ClipboardButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clipboardbutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clipboardbutton/</guid><content><![CDATA[&lt;h2 id=&#34;clipboardbutton-function&#34;&gt;ClipboardButton() function&lt;/h2&gt;
&lt;h3 id=&#34;clipboardbutton-function-1&#34;&gt;ClipboardButton() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function ClipboardButton({ onClipboardCopy, onClipboardError, children, getText, ...buttonProps }: Props): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ClipboardButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ onClipboardCopy, onClipboardError, children, getText, &amp;hellip;buttonProps }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="clipboardbutton-function">ClipboardButton() function&lt;/h2>
&lt;h3 id="clipboardbutton-function-1">ClipboardButton() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function ClipboardButton({ onClipboardCopy, onClipboardError, children, getText, ...buttonProps }: Props): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ClipboardPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clipboardplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/clipboardplugin/</guid><content><![CDATA[&lt;h2 id=&#34;clipboardplugin-function&#34;&gt;ClipboardPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;clipboardplugin-function-1&#34;&gt;ClipboardPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function ClipboardPlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ClipboardPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="clipboardplugin-function">ClipboardPlugin() function&lt;/h2>
&lt;h3 id="clipboardplugin-function-1">ClipboardPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function ClipboardPlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ClipboardPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>CodeEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/codeeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/codeeditor/</guid><content><![CDATA[&lt;h2 id=&#34;codeeditor-variable&#34;&gt;CodeEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;codeeditor-variable-1&#34;&gt;CodeEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CodeEditor: React.FunctionComponent&amp;lt;{
    value: string;
    onBlur?: import(&amp;#34;./types&amp;#34;).CodeEditorChangeHandler | undefined;
    readOnly?: boolean | undefined;
    height?: string | number | undefined;
    width?: string | number | undefined;
    language: string;
    showMiniMap?: boolean | undefined;
    showLineNumbers?: boolean | undefined;
    monacoOptions?: import(&amp;#34;./types&amp;#34;).MonacoOptionsWithGrafanaDefaults | undefined;
    onBeforeEditorMount?: ((monaco: typeof monacoType) =&amp;gt; void) | undefined;
    onEditorDidMount?: ((editor: monacoType.editor.IStandaloneCodeEditor, monaco: typeof monacoType) =&amp;gt; void) | undefined;
    onSave?: import(&amp;#34;./types&amp;#34;).CodeEditorChangeHandler | undefined;
    getSuggestions?: import(&amp;#34;./types&amp;#34;).CodeEditorSuggestionProvider | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CodeEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="codeeditor-variable">CodeEditor variable&lt;/h2>
&lt;h3 id="codeeditor-variable-1">CodeEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CodeEditor: React.FunctionComponent&amp;lt;{
value: string;
onBlur?: import(&amp;#34;./types&amp;#34;).CodeEditorChangeHandler | undefined;
readOnly?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
language: string;
showMiniMap?: boolean | undefined;
showLineNumbers?: boolean | undefined;
monacoOptions?: import(&amp;#34;./types&amp;#34;).MonacoOptionsWithGrafanaDefaults | undefined;
onBeforeEditorMount?: ((monaco: typeof monacoType) =&amp;gt; void) | undefined;
onEditorDidMount?: ((editor: monacoType.editor.IStandaloneCodeEditor, monaco: typeof monacoType) =&amp;gt; void) | undefined;
onSave?: import(&amp;#34;./types&amp;#34;).CodeEditorChangeHandler | undefined;
getSuggestions?: import(&amp;#34;./types&amp;#34;).CodeEditorSuggestionProvider | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>CodeEditorMonacoOptions</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/codeeditormonacooptions/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/codeeditormonacooptions/</guid><content><![CDATA[&lt;h2 id=&#34;codeeditormonacooptions-type&#34;&gt;CodeEditorMonacoOptions type&lt;/h2&gt;
&lt;h3 id=&#34;codeeditormonacooptions-type-1&#34;&gt;CodeEditorMonacoOptions type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type MonacoOptions = MonacoOptionsWithGrafanaDefaults;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CodeEditorMonacoOptions } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="codeeditormonacooptions-type">CodeEditorMonacoOptions type&lt;/h2>
&lt;h3 id="codeeditormonacooptions-type-1">CodeEditorMonacoOptions type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type MonacoOptions = MonacoOptionsWithGrafanaDefaults;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CodeEditorMonacoOptions } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>CollapsableSection</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/collapsablesection/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/collapsablesection/</guid><content><![CDATA[&lt;h2 id=&#34;collapsablesection-variable&#34;&gt;CollapsableSection variable&lt;/h2&gt;
&lt;h3 id=&#34;collapsablesection-variable-1&#34;&gt;CollapsableSection variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CollapsableSection: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CollapsableSection } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="collapsablesection-variable">CollapsableSection variable&lt;/h2>
&lt;h3 id="collapsablesection-variable-1">CollapsableSection variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CollapsableSection: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CollapsableSection } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Collapse</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/collapse/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/collapse/</guid><content><![CDATA[&lt;h2 id=&#34;collapse-variable&#34;&gt;Collapse variable&lt;/h2&gt;
&lt;h3 id=&#34;collapse-variable-1&#34;&gt;Collapse variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Collapse: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Collapse } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="collapse-variable">Collapse variable&lt;/h2>
&lt;h3 id="collapse-variable-1">Collapse variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Collapse: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Collapse } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ColorPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/colorpicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/colorpicker/</guid><content><![CDATA[&lt;h2 id=&#34;colorpicker-variable&#34;&gt;ColorPicker variable&lt;/h2&gt;
&lt;h3 id=&#34;colorpicker-variable-1&#34;&gt;ColorPicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ColorPicker: React.FunctionComponent&amp;lt;{
    color: string;
    onChange: ColorPickerChangeHandler;
    children?: ColorPickerTriggerRenderer | undefined;
    onColorChange?: ColorPickerChangeHandler | undefined;
    enableNamedColors?: boolean | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ColorPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="colorpicker-variable">ColorPicker variable&lt;/h2>
&lt;h3 id="colorpicker-variable-1">ColorPicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ColorPicker: React.FunctionComponent&amp;lt;{
color: string;
onChange: ColorPickerChangeHandler;
children?: ColorPickerTriggerRenderer | undefined;
onColorChange?: ColorPickerChangeHandler | undefined;
enableNamedColors?: boolean | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>colors</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/colors/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/colors/</guid><content><![CDATA[&lt;h2 id=&#34;colors-variable&#34;&gt;colors variable&lt;/h2&gt;
&lt;h3 id=&#34;colors-variable-1&#34;&gt;colors variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;colors: string[]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { colors } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="colors-variable">colors variable&lt;/h2>
&lt;h3 id="colors-variable-1">colors variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">colors: string[]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { colors } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>commonOptionsBuilder</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/</guid><content><![CDATA[&lt;h2 id=&#34;commonoptionsbuilder-namespace&#34;&gt;commonOptionsBuilder namespace&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;commonoptionsbuilder-namespace-1&#34;&gt;commonOptionsBuilder namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;functions&#34;&gt;Functions&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Function&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./addstackingconfig/&#34;&gt;addStackingConfig(builder, defaultConfig, category)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./addtextsizeoptions/&#34;&gt;addTextSizeOptions(builder, withTitle)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Adds common text control options to a visualization options&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./addtooltipoptions/&#34;&gt;addTooltipOptions(builder, singleOnly)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;variables&#34;&gt;Variables&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Variable&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./stackingeditor/&#34;&gt;StackingEditor&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="commonoptionsbuilder-namespace">commonOptionsBuilder namespace&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>CompletionItem</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitem/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitem/</guid><content><![CDATA[&lt;h2 id=&#34;completionitem-interface&#34;&gt;CompletionItem interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface CompletionItem &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CompletionItem } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#deletebackwards-property&#34;&gt;deleteBackwards&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Delete number of characters before the caret position, by default the letters from the beginning of the word.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#detail-property&#34;&gt;detail&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A human-readable string with additional information about this item, like type or symbol information.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#documentation-property&#34;&gt;documentation&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A human-readable string, can be Markdown, that represents a doc-comment.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#filtertext-property&#34;&gt;filterText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A string that should be used when filtering a set of completion items. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#inserttext-property&#34;&gt;insertText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A string or snippet that should be inserted in a document when selecting this completion. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#kind-property&#34;&gt;kind&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CompletionItemKind | string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The kind of this completion item. An icon is chosen by the editor based on the kind.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The label of this completion item. By default this is also the text that is inserted when selecting this completion.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#move-property&#34;&gt;move&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Number of steps to move after the insertion, can be negative.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#sorttext-property&#34;&gt;sortText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A string that should be used when comparing this item with other items. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;deletebackwards-property&#34;&gt;deleteBackwards property&lt;/h3&gt;
&lt;p&gt;Delete number of characters before the caret position, by default the letters from the beginning of the word.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;deleteBackwards?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;detail-property&#34;&gt;detail property&lt;/h3&gt;
&lt;p&gt;A human-readable string with additional information about this item, like type or symbol information.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;detail?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;documentation-property&#34;&gt;documentation property&lt;/h3&gt;
&lt;p&gt;A human-readable string, can be Markdown, that represents a doc-comment.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;documentation?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;filtertext-property&#34;&gt;filterText property&lt;/h3&gt;
&lt;p&gt;A string that should be used when filtering a set of completion items. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;filterText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;inserttext-property&#34;&gt;insertText property&lt;/h3&gt;
&lt;p&gt;A string or snippet that should be inserted in a document when selecting this completion. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;insertText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;kind-property&#34;&gt;kind property&lt;/h3&gt;
&lt;p&gt;The kind of this completion item. An icon is chosen by the editor based on the kind.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;kind?: CompletionItemKind | string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;The label of this completion item. By default this is also the text that is inserted when selecting this completion.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;move-property&#34;&gt;move property&lt;/h3&gt;
&lt;p&gt;Number of steps to move after the insertion, can be negative.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;move?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;sorttext-property&#34;&gt;sortText property&lt;/h3&gt;
&lt;p&gt;A string that should be used when comparing this item with other items. When &lt;code&gt;falsy&lt;/code&gt; the &lt;code&gt;label&lt;/code&gt; is used.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;sortText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="completionitem-interface">CompletionItem interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface CompletionItem &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CompletionItem } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>CompletionItemGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitemgroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitemgroup/</guid><content><![CDATA[&lt;h2 id=&#34;completionitemgroup-interface&#34;&gt;CompletionItemGroup interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface CompletionItemGroup &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CompletionItemGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#items-property&#34;&gt;items&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CompletionItem[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;List of suggestions of this group.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Label that will be displayed for all entries of this group.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prefixmatch-property&#34;&gt;prefixMatch&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;If true, match only by prefix (and not mid-word).&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#skipfilter-property&#34;&gt;skipFilter&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;If true, do not filter items in this group based on the search.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#skipsort-property&#34;&gt;skipSort&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;If true, do not sort items.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;items-property&#34;&gt;items property&lt;/h3&gt;
&lt;p&gt;List of suggestions of this group.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;items: CompletionItem[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;Label that will be displayed for all entries of this group.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prefixmatch-property&#34;&gt;prefixMatch property&lt;/h3&gt;
&lt;p&gt;If true, match only by prefix (and not mid-word).&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prefixMatch?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;skipfilter-property&#34;&gt;skipFilter property&lt;/h3&gt;
&lt;p&gt;If true, do not filter items in this group based on the search.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;skipFilter?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;skipsort-property&#34;&gt;skipSort property&lt;/h3&gt;
&lt;p&gt;If true, do not sort items.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;skipSort?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="completionitemgroup-interface">CompletionItemGroup interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface CompletionItemGroup &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CompletionItemGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>CompletionItemKind</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitemkind/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/completionitemkind/</guid><content><![CDATA[&lt;h2 id=&#34;completionitemkind-enum&#34;&gt;CompletionItemKind enum&lt;/h2&gt;
&lt;h3 id=&#34;completionitemkind-enum-1&#34;&gt;CompletionItemKind enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum CompletionItemKind &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CompletionItemKind } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;GroupTitle&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;GroupTitle&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="completionitemkind-enum">CompletionItemKind enum&lt;/h2>
&lt;h3 id="completionitemkind-enum-1">CompletionItemKind enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum CompletionItemKind &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CompletionItemKind } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>GroupTitle&lt;/td>
&lt;td>&lt;code>&amp;quot;GroupTitle&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>ConfirmButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmbutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmbutton/</guid><content><![CDATA[&lt;h2 id=&#34;confirmbutton-variable&#34;&gt;ConfirmButton variable&lt;/h2&gt;
&lt;h3 id=&#34;confirmbutton-variable-1&#34;&gt;ConfirmButton variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ConfirmButton: React.FunctionComponent&amp;lt;{
    disabled?: boolean | undefined;
    size?: ComponentSize | undefined;
    className?: string | undefined;
    onClick?: (() =&amp;gt; void) | undefined;
    autoFocus?: boolean | undefined;
    onConfirm: () =&amp;gt; void;
    confirmText?: string | undefined;
    confirmVariant?: ButtonVariant | undefined;
    closeOnConfirm?: boolean | undefined;
    onCancel?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ConfirmButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="confirmbutton-variable">ConfirmButton variable&lt;/h2>
&lt;h3 id="confirmbutton-variable-1">ConfirmButton variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ConfirmButton: React.FunctionComponent&amp;lt;{
disabled?: boolean | undefined;
size?: ComponentSize | undefined;
className?: string | undefined;
onClick?: (() =&amp;gt; void) | undefined;
autoFocus?: boolean | undefined;
onConfirm: () =&amp;gt; void;
confirmText?: string | undefined;
confirmVariant?: ButtonVariant | undefined;
closeOnConfirm?: boolean | undefined;
onCancel?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ConfirmModal</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmmodal/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmmodal/</guid><content><![CDATA[&lt;h2 id=&#34;confirmmodal-variable&#34;&gt;ConfirmModal variable&lt;/h2&gt;
&lt;h3 id=&#34;confirmmodal-variable-1&#34;&gt;ConfirmModal variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ConfirmModal: ({ isOpen, title, body, description, confirmText, confirmationText, dismissText, alternativeText, icon, onConfirm, onDismiss, onAlternative, }: ConfirmModalProps) =&amp;gt; JSX.Element&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ConfirmModal } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="confirmmodal-variable">ConfirmModal variable&lt;/h2>
&lt;h3 id="confirmmodal-variable-1">ConfirmModal variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ConfirmModal: ({ isOpen, title, body, description, confirmText, confirmationText, dismissText, alternativeText, icon, onConfirm, onDismiss, onAlternative, }: ConfirmModalProps) =&amp;gt; JSX.Element&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ConfirmModalProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmmodalprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/confirmmodalprops/</guid><content><![CDATA[&lt;h2 id=&#34;confirmmodalprops-interface&#34;&gt;ConfirmModalProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface ConfirmModalProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ConfirmModalProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#alternativetext-property&#34;&gt;alternativeText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Text for alternative button&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#body-property&#34;&gt;body&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Modal content&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#confirmationtext-property&#34;&gt;confirmationText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Text user needs to fill in before confirming&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#confirmtext-property&#34;&gt;confirmText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Text for confirm button&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#description-property&#34;&gt;description&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Modal description&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#dismisstext-property&#34;&gt;dismissText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Text for dismiss button&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#icon-property&#34;&gt;icon&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;IconName&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Icon for the modal header&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isopen-property&#34;&gt;isOpen&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Toggle modal&amp;rsquo;s open/closed state&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#title-property&#34;&gt;title&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Title for the modal header&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onalternative-method&#34;&gt;onAlternative()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Alternative action callback&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onconfirm-method&#34;&gt;onConfirm()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Confirm action callback&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#ondismiss-method&#34;&gt;onDismiss()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Dismiss action callback&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;alternativetext-property&#34;&gt;alternativeText property&lt;/h3&gt;
&lt;p&gt;Text for alternative button&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;alternativeText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;body-property&#34;&gt;body property&lt;/h3&gt;
&lt;p&gt;Modal content&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;body: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;confirmationtext-property&#34;&gt;confirmationText property&lt;/h3&gt;
&lt;p&gt;Text user needs to fill in before confirming&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;confirmationText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;confirmtext-property&#34;&gt;confirmText property&lt;/h3&gt;
&lt;p&gt;Text for confirm button&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;confirmText: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;description-property&#34;&gt;description property&lt;/h3&gt;
&lt;p&gt;Modal description&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;description?: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;dismisstext-property&#34;&gt;dismissText property&lt;/h3&gt;
&lt;p&gt;Text for dismiss button&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;dismissText?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;icon-property&#34;&gt;icon property&lt;/h3&gt;
&lt;p&gt;Icon for the modal header&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;icon?: IconName;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isopen-property&#34;&gt;isOpen property&lt;/h3&gt;
&lt;p&gt;Toggle modal&amp;rsquo;s open/closed state&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isOpen: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;title-property&#34;&gt;title property&lt;/h3&gt;
&lt;p&gt;Title for the modal header&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;title: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onalternative-method&#34;&gt;onAlternative method&lt;/h3&gt;
&lt;p&gt;Alternative action callback&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onAlternative?(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;onconfirm-method&#34;&gt;onConfirm method&lt;/h3&gt;
&lt;p&gt;Confirm action callback&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onConfirm(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;ondismiss-method&#34;&gt;onDismiss method&lt;/h3&gt;
&lt;p&gt;Dismiss action callback&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onDismiss(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="confirmmodalprops-interface">ConfirmModalProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface ConfirmModalProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ConfirmModalProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Container</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/container/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/container/</guid><content><![CDATA[&lt;h2 id=&#34;container-variable&#34;&gt;Container variable&lt;/h2&gt;
&lt;h3 id=&#34;container-variable-1&#34;&gt;Container variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Container: React.FC&amp;lt;ContainerProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Container } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="container-variable">Container variable&lt;/h2>
&lt;h3 id="container-variable-1">Container variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Container: React.FC&amp;lt;ContainerProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Container } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ContextMenu</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/contextmenu/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/contextmenu/</guid><content><![CDATA[&lt;h2 id=&#34;contextmenu-variable&#34;&gt;ContextMenu variable&lt;/h2&gt;
&lt;h3 id=&#34;contextmenu-variable-1&#34;&gt;ContextMenu variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ContextMenu: React.FC&amp;lt;ContextMenuProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="contextmenu-variable">ContextMenu variable&lt;/h2>
&lt;h3 id="contextmenu-variable-1">ContextMenu variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ContextMenu: React.FC&amp;lt;ContextMenuProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ContextMenuProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/contextmenuprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/contextmenuprops/</guid><content><![CDATA[&lt;h2 id=&#34;contextmenuprops-interface&#34;&gt;ContextMenuProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface ContextMenuProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ContextMenuProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onclose-property&#34;&gt;onClose&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Callback for closing the menu&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderheader-property&#34;&gt;renderHeader&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;A function that returns header element&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendermenuitems-property&#34;&gt;renderMenuItems&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;RenderProp function that returns menu items to display&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#x-property&#34;&gt;x&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Starting horizontal position for the menu&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#y-property&#34;&gt;y&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Starting vertical position for the menu&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;onclose-property&#34;&gt;onClose property&lt;/h3&gt;
&lt;p&gt;Callback for closing the menu&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onClose?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;renderheader-property&#34;&gt;renderHeader property&lt;/h3&gt;
&lt;p&gt;A function that returns header element&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderHeader?: () =&amp;gt; React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rendermenuitems-property&#34;&gt;renderMenuItems property&lt;/h3&gt;
&lt;p&gt;RenderProp function that returns menu items to display&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderMenuItems?: () =&amp;gt; React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;x-property&#34;&gt;x property&lt;/h3&gt;
&lt;p&gt;Starting horizontal position for the menu&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;x: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;y-property&#34;&gt;y property&lt;/h3&gt;
&lt;p&gt;Starting vertical position for the menu&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;y: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="contextmenuprops-interface">ContextMenuProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface ContextMenuProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ContextMenuProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ControlComponent</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/controlcomponent/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/controlcomponent/</guid><content><![CDATA[&lt;h2 id=&#34;controlcomponent-type&#34;&gt;ControlComponent type&lt;/h2&gt;
&lt;h3 id=&#34;controlcomponent-type-1&#34;&gt;ControlComponent type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type ControlComponent&amp;lt;T&amp;gt; = React.ComponentType&amp;lt;CustomControlProps&amp;lt;T&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ControlComponent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="controlcomponent-type">ControlComponent type&lt;/h2>
&lt;h3 id="controlcomponent-type-1">ControlComponent type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type ControlComponent&amp;lt;T&amp;gt; = React.ComponentType&amp;lt;CustomControlProps&amp;lt;T&amp;gt;&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ControlComponent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ControlledCollapse</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/controlledcollapse/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/controlledcollapse/</guid><content><![CDATA[&lt;h2 id=&#34;controlledcollapse-variable&#34;&gt;ControlledCollapse variable&lt;/h2&gt;
&lt;h3 id=&#34;controlledcollapse-variable-1&#34;&gt;ControlledCollapse variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ControlledCollapse: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ControlledCollapse } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="controlledcollapse-variable">ControlledCollapse variable&lt;/h2>
&lt;h3 id="controlledcollapse-variable-1">ControlledCollapse variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ControlledCollapse: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ControlledCollapse } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>convertOldAngularValueMapping</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/convertoldangularvaluemapping/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/convertoldangularvaluemapping/</guid><content><![CDATA[&lt;h2 id=&#34;convertoldangularvaluemapping-function&#34;&gt;convertOldAngularValueMapping() function&lt;/h2&gt;
&lt;h3 id=&#34;convertoldangularvaluemapping-function-1&#34;&gt;convertOldAngularValueMapping() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function convertOldAngularValueMapping(panel: any): ValueMapping[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { convertOldAngularValueMapping } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;panel&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;ValueMapping[]&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="convertoldangularvaluemapping-function">convertOldAngularValueMapping() function&lt;/h2>
&lt;h3 id="convertoldangularvaluemapping-function-1">convertOldAngularValueMapping() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function convertOldAngularValueMapping(panel: any): ValueMapping[];&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { convertOldAngularValueMapping } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>Counter</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/counter/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/counter/</guid><content><![CDATA[&lt;h2 id=&#34;counter-variable&#34;&gt;Counter variable&lt;/h2&gt;
&lt;h3 id=&#34;counter-variable-1&#34;&gt;Counter variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Counter: FC&amp;lt;CounterProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Counter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="counter-variable">Counter variable&lt;/h2>
&lt;h3 id="counter-variable-1">Counter variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Counter: FC&amp;lt;CounterProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Counter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>CustomControlProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/customcontrolprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/customcontrolprops/</guid><content><![CDATA[&lt;h2 id=&#34;customcontrolprops-interface&#34;&gt;CustomControlProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface CustomControlProps&amp;lt;T&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CustomControlProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disabled-property&#34;&gt;disabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#invalid-property&#34;&gt;invalid&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isopen-property&#34;&gt;isOpen&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onblur-property&#34;&gt;onBlur&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;onBlur will be automatically passed to custom control closing the menu on element blur&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onclick-property&#34;&gt;onClick&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;onClick will be automatically passed to custom control allowing menu toggle&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#ref-property&#34;&gt;ref&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.Ref&amp;lt;any&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;SelectableValue&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Currently selected value&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;disabled-property&#34;&gt;disabled property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disabled: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;invalid-property&#34;&gt;invalid property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;invalid: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isopen-property&#34;&gt;isOpen property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isOpen: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onblur-property&#34;&gt;onBlur property&lt;/h3&gt;
&lt;p&gt;onBlur will be automatically passed to custom control closing the menu on element blur&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onBlur: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onclick-property&#34;&gt;onClick property&lt;/h3&gt;
&lt;p&gt;onClick will be automatically passed to custom control allowing menu toggle&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onClick: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;ref-property&#34;&gt;ref property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ref: React.Ref&amp;lt;any&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;Currently selected value&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: SelectableValue&amp;lt;T&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="customcontrolprops-interface">CustomControlProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface CustomControlProps&amp;lt;T&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { CustomControlProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>CustomScrollbar</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/customscrollbar/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/customscrollbar/</guid><content><![CDATA[&lt;h2 id=&#34;customscrollbar-variable&#34;&gt;CustomScrollbar variable&lt;/h2&gt;
&lt;h3 id=&#34;customscrollbar-variable-1&#34;&gt;CustomScrollbar variable&lt;/h3&gt;
&lt;p&gt;Wraps component into &lt;Scrollbars&gt; component from &lt;code&gt;react-custom-scrollbars&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;CustomScrollbar: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { CustomScrollbar } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="customscrollbar-variable">CustomScrollbar variable&lt;/h2>
&lt;h3 id="customscrollbar-variable-1">CustomScrollbar variable&lt;/h3>
&lt;p>Wraps component into &lt;Scrollbars> component from &lt;code>react-custom-scrollbars&lt;/code>&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">CustomScrollbar: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>DataLinkInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinkinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinkinput/</guid><content><![CDATA[&lt;h2 id=&#34;datalinkinput-variable&#34;&gt;DataLinkInput variable&lt;/h2&gt;
&lt;h3 id=&#34;datalinkinput-variable-1&#34;&gt;DataLinkInput variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DataLinkInput: React.FC&amp;lt;DataLinkInputProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DataLinkInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datalinkinput-variable">DataLinkInput variable&lt;/h2>
&lt;h3 id="datalinkinput-variable-1">DataLinkInput variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DataLinkInput: React.FC&amp;lt;DataLinkInputProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DataLinkInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DataLinksContextMenu</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinkscontextmenu/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinkscontextmenu/</guid><content><![CDATA[&lt;h2 id=&#34;datalinkscontextmenu-variable&#34;&gt;DataLinksContextMenu variable&lt;/h2&gt;
&lt;h3 id=&#34;datalinkscontextmenu-variable-1&#34;&gt;DataLinksContextMenu variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DataLinksContextMenu: React.FC&amp;lt;DataLinksContextMenuProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DataLinksContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datalinkscontextmenu-variable">DataLinksContextMenu variable&lt;/h2>
&lt;h3 id="datalinkscontextmenu-variable-1">DataLinksContextMenu variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DataLinksContextMenu: React.FC&amp;lt;DataLinksContextMenuProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DataLinksContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DataLinksInlineEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinksinlineeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datalinksinlineeditor/</guid><content><![CDATA[&lt;h2 id=&#34;datalinksinlineeditor-variable&#34;&gt;DataLinksInlineEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;datalinksinlineeditor-variable-1&#34;&gt;DataLinksInlineEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DataLinksInlineEditor: React.FC&amp;lt;DataLinksInlineEditorProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DataLinksInlineEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datalinksinlineeditor-variable">DataLinksInlineEditor variable&lt;/h2>
&lt;h3 id="datalinksinlineeditor-variable-1">DataLinksInlineEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DataLinksInlineEditor: React.FC&amp;lt;DataLinksInlineEditorProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DataLinksInlineEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DataSourceHttpSettings</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datasourcehttpsettings/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datasourcehttpsettings/</guid><content><![CDATA[&lt;h2 id=&#34;datasourcehttpsettings-variable&#34;&gt;DataSourceHttpSettings variable&lt;/h2&gt;
&lt;h3 id=&#34;datasourcehttpsettings-variable-1&#34;&gt;DataSourceHttpSettings variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DataSourceHttpSettings: React.FC&amp;lt;HttpSettingsProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DataSourceHttpSettings } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datasourcehttpsettings-variable">DataSourceHttpSettings variable&lt;/h2>
&lt;h3 id="datasourcehttpsettings-variable-1">DataSourceHttpSettings variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DataSourceHttpSettings: React.FC&amp;lt;HttpSettingsProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DataSourceHttpSettings } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DatePicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepicker/</guid><content><![CDATA[&lt;h2 id=&#34;datepicker-variable&#34;&gt;DatePicker variable&lt;/h2&gt;
&lt;h3 id=&#34;datepicker-variable-1&#34;&gt;DatePicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DatePicker: React.NamedExoticComponent&amp;lt;DatePickerProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DatePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datepicker-variable">DatePicker variable&lt;/h2>
&lt;h3 id="datepicker-variable-1">DatePicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DatePicker: React.NamedExoticComponent&amp;lt;DatePickerProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DatePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DatePickerProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerprops/</guid><content><![CDATA[&lt;h2 id=&#34;datepickerprops-interface&#34;&gt;DatePickerProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface DatePickerProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DatePickerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isopen-property&#34;&gt;isOpen&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: Date) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onclose-property&#34;&gt;onClose&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Date&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;isopen-property&#34;&gt;isOpen property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isOpen?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: Date) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onclose-property&#34;&gt;onClose property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onClose: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: Date;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datepickerprops-interface">DatePickerProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface DatePickerProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DatePickerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>DatePickerWithInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerwithinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerwithinput/</guid><content><![CDATA[&lt;h2 id=&#34;datepickerwithinput-variable&#34;&gt;DatePickerWithInput variable&lt;/h2&gt;
&lt;h3 id=&#34;datepickerwithinput-variable-1&#34;&gt;DatePickerWithInput variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DatePickerWithInput: ({ value, onChange, closeOnSelect, placeholder, ...rest }: DatePickerWithInputProps) =&amp;gt; JSX.Element&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DatePickerWithInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datepickerwithinput-variable">DatePickerWithInput variable&lt;/h2>
&lt;h3 id="datepickerwithinput-variable-1">DatePickerWithInput variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DatePickerWithInput: ({ value, onChange, closeOnSelect, placeholder, ...rest }: DatePickerWithInputProps) =&amp;gt; JSX.Element&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>DatePickerWithInputProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerwithinputprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datepickerwithinputprops/</guid><content><![CDATA[&lt;h2 id=&#34;datepickerwithinputprops-interface&#34;&gt;DatePickerWithInputProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface DatePickerWithInputProps extends Omit&amp;lt;InputProps, &amp;#39;ref&amp;#39; | &amp;#39;value&amp;#39; | &amp;#39;onChange&amp;#39;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DatePickerWithInputProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#closeonselect-property&#34;&gt;closeOnSelect&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Hide the calendar when date is selected&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: Date | string) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#placeholder-property&#34;&gt;placeholder&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Date | string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;closeonselect-property&#34;&gt;closeOnSelect property&lt;/h3&gt;
&lt;p&gt;Hide the calendar when date is selected&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;closeOnSelect?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: Date | string) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;placeholder-property&#34;&gt;placeholder property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;placeholder?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: Date | string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datepickerwithinputprops-interface">DatePickerWithInputProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface DatePickerWithInputProps extends Omit&amp;lt;InputProps, &amp;#39;ref&amp;#39; | &amp;#39;value&amp;#39; | &amp;#39;onChange&amp;#39;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>DateTimePicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datetimepicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/datetimepicker/</guid><content><![CDATA[&lt;h2 id=&#34;datetimepicker-variable&#34;&gt;DateTimePicker variable&lt;/h2&gt;
&lt;h3 id=&#34;datetimepicker-variable-1&#34;&gt;DateTimePicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DateTimePicker: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DateTimePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="datetimepicker-variable">DateTimePicker variable&lt;/h2>
&lt;h3 id="datetimepicker-variable-1">DateTimePicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DateTimePicker: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DateTimePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>defaultIntervals</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/defaultintervals/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/defaultintervals/</guid><content><![CDATA[&lt;h2 id=&#34;defaultintervals-variable&#34;&gt;defaultIntervals variable&lt;/h2&gt;
&lt;h3 id=&#34;defaultintervals-variable-1&#34;&gt;defaultIntervals variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;defaultIntervals: string[]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { defaultIntervals } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="defaultintervals-variable">defaultIntervals variable&lt;/h2>
&lt;h3 id="defaultintervals-variable-1">defaultIntervals variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">defaultIntervals: string[]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { defaultIntervals } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DeleteButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/deletebutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/deletebutton/</guid><content><![CDATA[&lt;h2 id=&#34;deletebutton-variable&#34;&gt;DeleteButton variable&lt;/h2&gt;
&lt;h3 id=&#34;deletebutton-variable-1&#34;&gt;DeleteButton variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DeleteButton: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DeleteButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="deletebutton-variable">DeleteButton variable&lt;/h2>
&lt;h3 id="deletebutton-variable-1">DeleteButton variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DeleteButton: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DeleteButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>displayName</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/radiobuttongroup/displayname/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/radiobuttongroup/displayname/</guid><content><![CDATA[&lt;h2 id=&#34;radiobuttongroupdisplayname-variable&#34;&gt;RadioButtonGroup.displayName variable&lt;/h2&gt;
&lt;h3 id=&#34;radiobuttongroupdisplayname-variable-1&#34;&gt;RadioButtonGroup.displayName variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;displayName: string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RadioButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;
const { displayName } = RadioButtonGroup;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="radiobuttongroupdisplayname-variable">RadioButtonGroup.displayName variable&lt;/h2>
&lt;h3 id="radiobuttongroupdisplayname-variable-1">RadioButtonGroup.displayName variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">displayName: string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { RadioButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;
const { displayName } = RadioButtonGroup;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>displayName</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegend/displayname/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegend/displayname/</guid><content><![CDATA[&lt;h2 id=&#34;vizlegenddisplayname-variable&#34;&gt;VizLegend.displayName variable&lt;/h2&gt;
&lt;h3 id=&#34;vizlegenddisplayname-variable-1&#34;&gt;VizLegend.displayName variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;displayName: string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLegend } from &amp;#39;@grafana/ui&amp;#39;;
const { displayName } = VizLegend;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlegenddisplayname-variable">VizLegend.displayName variable&lt;/h2>
&lt;h3 id="vizlegenddisplayname-variable-1">VizLegend.displayName variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">displayName: string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizLegend } from &amp;#39;@grafana/ui&amp;#39;;
const { displayName } = VizLegend;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DOMUtil</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/</guid><content><![CDATA[&lt;h2 id=&#34;domutil-namespace&#34;&gt;DOMUtil namespace&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;domutil-namespace-1&#34;&gt;DOMUtil namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DOMUtil } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;functions&#34;&gt;Functions&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Function&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./getnextcharacter/&#34;&gt;getNextCharacter(global)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./getpreviouscousin/&#34;&gt;getPreviousCousin(node, selector)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="domutil-namespace">DOMUtil namespace&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>Drawer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/drawer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/drawer/</guid><content><![CDATA[&lt;h2 id=&#34;drawer-variable&#34;&gt;Drawer variable&lt;/h2&gt;
&lt;h3 id=&#34;drawer-variable-1&#34;&gt;Drawer variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Drawer: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Drawer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="drawer-variable">Drawer variable&lt;/h2>
&lt;h3 id="drawer-variable-1">Drawer variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Drawer: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Drawer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DropdownIndicator</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/dropdownindicator/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/dropdownindicator/</guid><content><![CDATA[&lt;h2 id=&#34;dropdownindicator-variable&#34;&gt;DropdownIndicator variable&lt;/h2&gt;
&lt;h3 id=&#34;dropdownindicator-variable-1&#34;&gt;DropdownIndicator variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;DropdownIndicator: React.FC&amp;lt;DropdownIndicatorProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DropdownIndicator } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="dropdownindicator-variable">DropdownIndicator variable&lt;/h2>
&lt;h3 id="dropdownindicator-variable-1">DropdownIndicator variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">DropdownIndicator: React.FC&amp;lt;DropdownIndicatorProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DropdownIndicator } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>DropzoneFile</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/dropzonefile/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/dropzonefile/</guid><content><![CDATA[&lt;h2 id=&#34;dropzonefile-interface&#34;&gt;DropzoneFile interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface DropzoneFile &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DropzoneFile } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#abortupload-property&#34;&gt;abortUpload&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#error-property&#34;&gt;error&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DOMException | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#file-property&#34;&gt;file&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;File&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#id-property&#34;&gt;id&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#progress-property&#34;&gt;progress&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#retryupload-property&#34;&gt;retryUpload&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;abortupload-property&#34;&gt;abortUpload property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;abortUpload?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;error-property&#34;&gt;error property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;error: DOMException | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;file-property&#34;&gt;file property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;file: File;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;id-property&#34;&gt;id property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;id: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;progress-property&#34;&gt;progress property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;progress?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;retryupload-property&#34;&gt;retryUpload property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;retryUpload?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="dropzonefile-interface">DropzoneFile interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface DropzoneFile &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DropzoneFile } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>EmotionPerfTest</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/emotionperftest/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/emotionperftest/</guid><content><![CDATA[&lt;h2 id=&#34;emotionperftest-function&#34;&gt;EmotionPerfTest() function&lt;/h2&gt;
&lt;h3 id=&#34;emotionperftest-function-1&#34;&gt;EmotionPerfTest() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function EmotionPerfTest(): import(&amp;#34;@emotion/react/jsx-runtime&amp;#34;).JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { EmotionPerfTest } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;import(&amp;quot;@emotion/react/jsx-runtime&amp;quot;).JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="emotionperftest-function">EmotionPerfTest() function&lt;/h2>
&lt;h3 id="emotionperftest-function-1">EmotionPerfTest() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function EmotionPerfTest(): import(&amp;#34;@emotion/react/jsx-runtime&amp;#34;).JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { EmotionPerfTest } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>EmptySearchResult</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/emptysearchresult/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/emptysearchresult/</guid><content><![CDATA[&lt;h2 id=&#34;emptysearchresult-variable&#34;&gt;EmptySearchResult variable&lt;/h2&gt;
&lt;h3 id=&#34;emptysearchresult-variable-1&#34;&gt;EmptySearchResult variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;EmptySearchResult: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { EmptySearchResult } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="emptysearchresult-variable">EmptySearchResult variable&lt;/h2>
&lt;h3 id="emptysearchresult-variable-1">EmptySearchResult variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">EmptySearchResult: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { EmptySearchResult } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ErrorBoundary</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundary/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundary/</guid><content><![CDATA[&lt;h2 id=&#34;errorboundary-class&#34;&gt;ErrorBoundary class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class ErrorBoundary extends PureComponent&amp;lt;Props, State&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ErrorBoundary } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;State&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidcatch-method&#34;&gt;componentDidCatch(error, errorInfo)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;readonly state: State;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidcatch-method&#34;&gt;componentDidCatch method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidCatch(error: Error, errorInfo: ErrorInfo): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;error&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Error&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;errorInfo&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ErrorInfo&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: Props): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="errorboundary-class">ErrorBoundary class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class ErrorBoundary extends PureComponent&amp;lt;Props, State&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ErrorBoundary } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ErrorBoundaryAlert</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundaryalert/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundaryalert/</guid><content><![CDATA[&lt;h2 id=&#34;errorboundaryalert-class&#34;&gt;ErrorBoundaryAlert class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class ErrorBoundaryAlert extends PureComponent&amp;lt;ErrorBoundaryAlertProps&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ErrorBoundaryAlert } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Partial&amp;lt;ErrorBoundaryAlertProps&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: Partial&amp;lt;ErrorBoundaryAlertProps&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="errorboundaryalert-class">ErrorBoundaryAlert class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class ErrorBoundaryAlert extends PureComponent&amp;lt;ErrorBoundaryAlertProps&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ErrorBoundaryAlert } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ErrorBoundaryAlertProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundaryalertprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorboundaryalertprops/</guid><content><![CDATA[&lt;h2 id=&#34;errorboundaryalertprops-interface&#34;&gt;ErrorBoundaryAlertProps interface&lt;/h2&gt;
&lt;p&gt;Props for the ErrorBoundaryAlert component&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface ErrorBoundaryAlertProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ErrorBoundaryAlertProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Component to be wrapped with an error boundary&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#dependencies-property&#34;&gt;dependencies&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Will re-render children after error if recover values changes&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#style-property&#34;&gt;style&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;lsquo;page&amp;rsquo; | &amp;lsquo;alertbox&amp;rsquo;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&amp;lsquo;page&amp;rsquo; will render full page error with stacktrace. &amp;lsquo;alertbox&amp;rsquo; will render an &lt;Alert /&gt;. Default &amp;lsquo;alertbox&amp;rsquo;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#title-property&#34;&gt;title&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Title for the error boundary alert&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;Component to be wrapped with an error boundary&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children: ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;dependencies-property&#34;&gt;dependencies property&lt;/h3&gt;
&lt;p&gt;Will re-render children after error if recover values changes&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;dependencies?: any[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;style-property&#34;&gt;style property&lt;/h3&gt;
&lt;p&gt;&amp;lsquo;page&amp;rsquo; will render full page error with stacktrace. &amp;lsquo;alertbox&amp;rsquo; will render an &lt;Alert /&gt;. Default &amp;lsquo;alertbox&amp;rsquo;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;style?: &amp;#39;page&amp;#39; | &amp;#39;alertbox&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;title-property&#34;&gt;title property&lt;/h3&gt;
&lt;p&gt;Title for the error boundary alert&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;title?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="errorboundaryalertprops-interface">ErrorBoundaryAlertProps interface&lt;/h2>
&lt;p>Props for the ErrorBoundaryAlert component&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface ErrorBoundaryAlertProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ErrorBoundaryAlertProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ErrorWithStack</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorwithstack/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/errorwithstack/</guid><content><![CDATA[&lt;h2 id=&#34;errorwithstack-variable&#34;&gt;ErrorWithStack variable&lt;/h2&gt;
&lt;h3 id=&#34;errorwithstack-variable-1&#34;&gt;ErrorWithStack variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ErrorWithStack: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ErrorWithStack } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="errorwithstack-variable">ErrorWithStack variable&lt;/h2>
&lt;h3 id="errorwithstack-variable-1">ErrorWithStack variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ErrorWithStack: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ErrorWithStack } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>EventsCanvas</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/eventscanvas/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/eventscanvas/</guid><content><![CDATA[&lt;h2 id=&#34;eventscanvas-function&#34;&gt;EventsCanvas() function&lt;/h2&gt;
&lt;h3 id=&#34;eventscanvas-function-1&#34;&gt;EventsCanvas() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function EventsCanvas({ id, events, renderEventMarker, mapEventToXYCoords, config }: EventsCanvasProps): JSX.Element | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { EventsCanvas } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ id, events, renderEventMarker, mapEventToXYCoords, config }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;EventsCanvasProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element | null&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="eventscanvas-function">EventsCanvas() function&lt;/h2>
&lt;h3 id="eventscanvas-function-1">EventsCanvas() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function EventsCanvas({ id, events, renderEventMarker, mapEventToXYCoords, config }: EventsCanvasProps): JSX.Element | null;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>EventsWithValidation</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/eventswithvalidation/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/eventswithvalidation/</guid><content><![CDATA[&lt;h2 id=&#34;eventswithvalidation-enum&#34;&gt;EventsWithValidation enum&lt;/h2&gt;
&lt;h3 id=&#34;eventswithvalidation-enum-1&#34;&gt;EventsWithValidation enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum EventsWithValidation &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { EventsWithValidation } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;onBlur&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;onBlur&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;onChange&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;onChange&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;onFocus&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;onFocus&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="eventswithvalidation-enum">EventsWithValidation enum&lt;/h2>
&lt;h3 id="eventswithvalidation-enum-1">EventsWithValidation enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum EventsWithValidation &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { EventsWithValidation } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>onBlur&lt;/td>
&lt;td>&lt;code>&amp;quot;onBlur&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>onChange&lt;/td>
&lt;td>&lt;code>&amp;quot;onChange&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>onFocus&lt;/td>
&lt;td>&lt;code>&amp;quot;onFocus&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>FadeTransition</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fadetransition/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fadetransition/</guid><content><![CDATA[&lt;h2 id=&#34;fadetransition-function&#34;&gt;FadeTransition() function&lt;/h2&gt;
&lt;h3 id=&#34;fadetransition-function-1&#34;&gt;FadeTransition() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function FadeTransition(props: Props): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FadeTransition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="fadetransition-function">FadeTransition() function&lt;/h2>
&lt;h3 id="fadetransition-function-1">FadeTransition() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function FadeTransition(props: Props): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FadeTransition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>FeatureBadge</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/featurebadge/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/featurebadge/</guid><content><![CDATA[&lt;h2 id=&#34;featurebadge-variable&#34;&gt;FeatureBadge variable&lt;/h2&gt;
&lt;h3 id=&#34;featurebadge-variable-1&#34;&gt;FeatureBadge variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FeatureBadge: React.FC&amp;lt;FeatureBadgeProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FeatureBadge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="featurebadge-variable">FeatureBadge variable&lt;/h2>
&lt;h3 id="featurebadge-variable-1">FeatureBadge variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FeatureBadge: React.FC&amp;lt;FeatureBadgeProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FeatureBadge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FeatureInfoBox</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/featureinfobox/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/featureinfobox/</guid><content><![CDATA[&lt;h2 id=&#34;featureinfobox-variable&#34;&gt;FeatureInfoBox variable&lt;/h2&gt;
&lt;h3 id=&#34;featureinfobox-variable-1&#34;&gt;FeatureInfoBox variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FeatureInfoBox: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;FeatureInfoBoxProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FeatureInfoBox } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="featureinfobox-variable">FeatureInfoBox variable&lt;/h2>
&lt;h3 id="featureinfobox-variable-1">FeatureInfoBox variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FeatureInfoBox: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;FeatureInfoBoxProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FeatureInfoBox } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Field</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/field/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/field/</guid><content><![CDATA[&lt;h2 id=&#34;field-variable&#34;&gt;Field variable&lt;/h2&gt;
&lt;h3 id=&#34;field-variable-1&#34;&gt;Field variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Field: React.FC&amp;lt;FieldProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Field } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="field-variable">Field variable&lt;/h2>
&lt;h3 id="field-variable-1">Field variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Field: React.FC&amp;lt;FieldProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Field } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FieldArray</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldarray/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldarray/</guid><content><![CDATA[&lt;h2 id=&#34;fieldarray-variable&#34;&gt;FieldArray variable&lt;/h2&gt;
&lt;h3 id=&#34;fieldarray-variable-1&#34;&gt;FieldArray variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FieldArray: FC&amp;lt;FieldArrayProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FieldArray } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fieldarray-variable">FieldArray variable&lt;/h2>
&lt;h3 id="fieldarray-variable-1">FieldArray variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FieldArray: FC&amp;lt;FieldArrayProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FieldArray } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FieldArrayApi</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldarrayapi/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldarrayapi/</guid><content><![CDATA[&lt;h2 id=&#34;fieldarrayapi-interface&#34;&gt;FieldArrayApi interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface FieldArrayApi &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FieldArrayApi } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#append-property&#34;&gt;append&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: FieldArrayValue) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#fields-property&#34;&gt;fields&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;Record&amp;lt;string, any&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#insert-property&#34;&gt;insert&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(index: number, value: FieldArrayValue) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#move-property&#34;&gt;move&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(from: number, to: number) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prepend-property&#34;&gt;prepend&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: FieldArrayValue) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#remove-property&#34;&gt;remove&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(index?: number | number[]) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#swap-property&#34;&gt;swap&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(indexA: number, indexB: number) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;append-property&#34;&gt;append property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;append: (value: FieldArrayValue) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;fields-property&#34;&gt;fields property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fields: Array&amp;lt;Record&amp;lt;string, any&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;insert-property&#34;&gt;insert property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;insert: (index: number, value: FieldArrayValue) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;move-property&#34;&gt;move property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;move: (from: number, to: number) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prepend-property&#34;&gt;prepend property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prepend: (value: FieldArrayValue) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;remove-property&#34;&gt;remove property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;remove: (index?: number | number[]) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;swap-property&#34;&gt;swap property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;swap: (indexA: number, indexB: number) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fieldarrayapi-interface">FieldArrayApi interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface FieldArrayApi &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FieldArrayApi } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>fieldMatchersUI</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldmatchersui/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldmatchersui/</guid><content><![CDATA[&lt;h2 id=&#34;fieldmatchersui-variable&#34;&gt;fieldMatchersUI variable&lt;/h2&gt;
&lt;h3 id=&#34;fieldmatchersui-variable-1&#34;&gt;fieldMatchersUI variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fieldMatchersUI: Registry&amp;lt;FieldMatcherUIRegistryItem&amp;lt;any&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { fieldMatchersUI } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fieldmatchersui-variable">fieldMatchersUI variable&lt;/h2>
&lt;h3 id="fieldmatchersui-variable-1">fieldMatchersUI variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">fieldMatchersUI: Registry&amp;lt;FieldMatcherUIRegistryItem&amp;lt;any&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { fieldMatchersUI } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FieldSet</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldset/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldset/</guid><content><![CDATA[&lt;h2 id=&#34;fieldset-variable&#34;&gt;FieldSet variable&lt;/h2&gt;
&lt;h3 id=&#34;fieldset-variable-1&#34;&gt;FieldSet variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FieldSet: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FieldSet } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fieldset-variable">FieldSet variable&lt;/h2>
&lt;h3 id="fieldset-variable-1">FieldSet variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FieldSet: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FieldSet } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FieldValidationMessage</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldvalidationmessage/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fieldvalidationmessage/</guid><content><![CDATA[&lt;h2 id=&#34;fieldvalidationmessage-variable&#34;&gt;FieldValidationMessage variable&lt;/h2&gt;
&lt;h3 id=&#34;fieldvalidationmessage-variable-1&#34;&gt;FieldValidationMessage variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FieldValidationMessage: React.FC&amp;lt;FieldValidationMessageProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FieldValidationMessage } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fieldvalidationmessage-variable">FieldValidationMessage variable&lt;/h2>
&lt;h3 id="fieldvalidationmessage-variable-1">FieldValidationMessage variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FieldValidationMessage: React.FC&amp;lt;FieldValidationMessageProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FieldValidationMessage } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FileDropzone</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzone/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzone/</guid><content><![CDATA[&lt;h2 id=&#34;filedropzone-function&#34;&gt;FileDropzone() function&lt;/h2&gt;
&lt;h3 id=&#34;filedropzone-function-1&#34;&gt;FileDropzone() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function FileDropzone({ options, children, readAs, onLoad, fileListRenderer }: FileDropzoneProps): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileDropzone } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ options, children, readAs, onLoad, fileListRenderer }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;FileDropzoneProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="filedropzone-function">FileDropzone() function&lt;/h2>
&lt;h3 id="filedropzone-function-1">FileDropzone() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function FileDropzone({ options, children, readAs, onLoad, fileListRenderer }: FileDropzoneProps): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FileDropzoneDefaultChildren</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzonedefaultchildren/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzonedefaultchildren/</guid><content><![CDATA[&lt;h2 id=&#34;filedropzonedefaultchildren-function&#34;&gt;FileDropzoneDefaultChildren() function&lt;/h2&gt;
&lt;h3 id=&#34;filedropzonedefaultchildren-function-1&#34;&gt;FileDropzoneDefaultChildren() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function FileDropzoneDefaultChildren({ primaryText, secondaryText, }: {
    primaryText?: string | undefined;
    secondaryText?: string | undefined;
}): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileDropzoneDefaultChildren } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ primaryText, secondaryText, }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    primaryText?: string | undefined;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    secondaryText?: string | undefined;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="filedropzonedefaultchildren-function">FileDropzoneDefaultChildren() function&lt;/h2>
&lt;h3 id="filedropzonedefaultchildren-function-1">FileDropzoneDefaultChildren() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function FileDropzoneDefaultChildren({ primaryText, secondaryText, }: {
primaryText?: string | undefined;
secondaryText?: string | undefined;
}): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FileDropzoneProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzoneprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filedropzoneprops/</guid><content><![CDATA[&lt;h2 id=&#34;filedropzoneprops-interface&#34;&gt;FileDropzoneProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface FileDropzoneProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileDropzoneProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Use the children property to have custom dropzone view.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#filelistrenderer-property&#34;&gt;fileListRenderer&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(file: DropzoneFile, removeFile: (file: DropzoneFile) =&amp;gt; void) =&amp;gt; ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The fileListRenderer property can be used to overwrite the list of files. To not to show any list return null in the function.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onload-property&#34;&gt;onLoad&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(result: string | ArrayBuffer | null) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Use the onLoad function to get the result from FileReader.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#options-property&#34;&gt;options&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DropzoneOptions&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Use this property to override the default behaviour for the react-dropzone options.  { maxSize: Infinity, minSize: 0, multiple: true, maxFiles: 0, }&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#readas-property&#34;&gt;readAs&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;lsquo;readAsArrayBuffer&amp;rsquo; | &amp;lsquo;readAsText&amp;rsquo; | &amp;lsquo;readAsBinaryString&amp;rsquo; | &amp;lsquo;readAsDataURL&amp;rsquo;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Use this to change the FileReader&amp;rsquo;s read.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;Use the children property to have custom dropzone view.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children?: ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;filelistrenderer-property&#34;&gt;fileListRenderer property&lt;/h3&gt;
&lt;p&gt;The fileListRenderer property can be used to overwrite the list of files. To not to show any list return null in the function.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fileListRenderer?: (file: DropzoneFile, removeFile: (file: DropzoneFile) =&amp;gt; void) =&amp;gt; ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onload-property&#34;&gt;onLoad property&lt;/h3&gt;
&lt;p&gt;Use the onLoad function to get the result from FileReader.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onLoad?: (result: string | ArrayBuffer | null) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;options-property&#34;&gt;options property&lt;/h3&gt;
&lt;p&gt;Use this property to override the default behaviour for the react-dropzone options.  { maxSize: Infinity, minSize: 0, multiple: true, maxFiles: 0, }&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;options?: DropzoneOptions;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;readas-property&#34;&gt;readAs property&lt;/h3&gt;
&lt;p&gt;Use this to change the FileReader&amp;rsquo;s read.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;readAs?: &amp;#39;readAsArrayBuffer&amp;#39; | &amp;#39;readAsText&amp;#39; | &amp;#39;readAsBinaryString&amp;#39; | &amp;#39;readAsDataURL&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="filedropzoneprops-interface">FileDropzoneProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface FileDropzoneProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FileDropzoneProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>FileListItem</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filelistitem/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filelistitem/</guid><content><![CDATA[&lt;h2 id=&#34;filelistitem-function&#34;&gt;FileListItem() function&lt;/h2&gt;
&lt;h3 id=&#34;filelistitem-function-1&#34;&gt;FileListItem() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function FileListItem({ file: customFile, removeFile }: FileListItemProps): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileListItem } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ file: customFile, removeFile }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;FileListItemProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="filelistitem-function">FileListItem() function&lt;/h2>
&lt;h3 id="filelistitem-function-1">FileListItem() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function FileListItem({ file: customFile, removeFile }: FileListItemProps): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FileListItemProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filelistitemprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filelistitemprops/</guid><content><![CDATA[&lt;h2 id=&#34;filelistitemprops-interface&#34;&gt;FileListItemProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface FileListItemProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileListItemProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#file-property&#34;&gt;file&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DropzoneFile&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#removefile-property&#34;&gt;removeFile&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(file: DropzoneFile) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;file-property&#34;&gt;file property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;file: DropzoneFile;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;removefile-property&#34;&gt;removeFile property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;removeFile?: (file: DropzoneFile) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="filelistitemprops-interface">FileListItemProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface FileListItemProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FileListItemProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>FileUpload</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fileupload/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fileupload/</guid><content><![CDATA[&lt;h2 id=&#34;fileupload-variable&#34;&gt;FileUpload variable&lt;/h2&gt;
&lt;h3 id=&#34;fileupload-variable-1&#34;&gt;FileUpload variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FileUpload: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FileUpload } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fileupload-variable">FileUpload variable&lt;/h2>
&lt;h3 id="fileupload-variable-1">FileUpload variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FileUpload: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FileUpload } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FilterInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filterinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filterinput/</guid><content><![CDATA[&lt;h2 id=&#34;filterinput-variable&#34;&gt;FilterInput variable&lt;/h2&gt;
&lt;h3 id=&#34;filterinput-variable-1&#34;&gt;FilterInput variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FilterInput: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FilterInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="filterinput-variable">FilterInput variable&lt;/h2>
&lt;h3 id="filterinput-variable-1">FilterInput variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FilterInput: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FilterPill</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filterpill/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/filterpill/</guid><content><![CDATA[&lt;h2 id=&#34;filterpill-variable&#34;&gt;FilterPill variable&lt;/h2&gt;
&lt;h3 id=&#34;filterpill-variable-1&#34;&gt;FilterPill variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FilterPill: React.FC&amp;lt;FilterPillProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FilterPill } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="filterpill-variable">FilterPill variable&lt;/h2>
&lt;h3 id="filterpill-variable-1">FilterPill variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FilterPill: React.FC&amp;lt;FilterPillProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FilterPill } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>focusCss</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/focuscss/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/focuscss/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinsfocuscss-variable&#34;&gt;styleMixins.focusCss variable&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinsfocuscss-variable-1&#34;&gt;styleMixins.focusCss variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;focusCss: (theme: GrafanaTheme) =&amp;gt; string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { focusCss } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="stylemixinsfocuscss-variable">styleMixins.focusCss variable&lt;/h2>
&lt;h3 id="stylemixinsfocuscss-variable-1">styleMixins.focusCss variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">focusCss: (theme: GrafanaTheme) =&amp;gt; string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { focusCss } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Form</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/form/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/form/</guid><content><![CDATA[&lt;h2 id=&#34;form-function&#34;&gt;Form() function&lt;/h2&gt;
&lt;h3 id=&#34;form-function-1&#34;&gt;Form() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function Form&amp;lt;T&amp;gt;({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, ...htmlProps }: FormProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Form } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, &amp;hellip;htmlProps }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;FormProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="form-function">Form() function&lt;/h2>
&lt;h3 id="form-function-1">Form() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function Form&amp;lt;T&amp;gt;({ defaultValues, onSubmit, validateOnMount, validateFieldsOnMount, children, validateOn, maxWidth, ...htmlProps }: FormProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FormAPI</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/formapi/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/formapi/</guid><content><![CDATA[&lt;h2 id=&#34;formapi-type&#34;&gt;FormAPI type&lt;/h2&gt;
&lt;h3 id=&#34;formapi-type-1&#34;&gt;FormAPI type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type FormAPI&amp;lt;T&amp;gt; = Omit&amp;lt;UseFormReturn&amp;lt;T&amp;gt;, &amp;#39;trigger&amp;#39; | &amp;#39;handleSubmit&amp;#39;&amp;gt; &amp;amp; {
    errors: FieldErrors&amp;lt;T&amp;gt;;
};&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FormAPI } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="formapi-type">FormAPI type&lt;/h2>
&lt;h3 id="formapi-type-1">FormAPI type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type FormAPI&amp;lt;T&amp;gt; = Omit&amp;lt;UseFormReturn&amp;lt;T&amp;gt;, &amp;#39;trigger&amp;#39; | &amp;#39;handleSubmit&amp;#39;&amp;gt; &amp;amp; {
errors: FieldErrors&amp;lt;T&amp;gt;;
};&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FormattedValueDisplay</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/formattedvaluedisplay/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/formattedvaluedisplay/</guid><content><![CDATA[&lt;h2 id=&#34;formattedvaluedisplay-variable&#34;&gt;FormattedValueDisplay variable&lt;/h2&gt;
&lt;h3 id=&#34;formattedvaluedisplay-variable-1&#34;&gt;FormattedValueDisplay variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FormattedValueDisplay: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FormattedValueDisplay } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="formattedvaluedisplay-variable">FormattedValueDisplay variable&lt;/h2>
&lt;h3 id="formattedvaluedisplay-variable-1">FormattedValueDisplay variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FormattedValueDisplay: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FormattedValueDisplay } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>FormInputSize</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/forminputsize/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/forminputsize/</guid><content><![CDATA[&lt;h2 id=&#34;forminputsize-type&#34;&gt;FormInputSize type&lt;/h2&gt;
&lt;h3 id=&#34;forminputsize-type-1&#34;&gt;FormInputSize type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type FormInputSize = &amp;#39;sm&amp;#39; | &amp;#39;md&amp;#39; | &amp;#39;lg&amp;#39; | &amp;#39;auto&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FormInputSize } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="forminputsize-type">FormInputSize type&lt;/h2>
&lt;h3 id="forminputsize-type-1">FormInputSize type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type FormInputSize = &amp;#39;sm&amp;#39; | &amp;#39;md&amp;#39; | &amp;#39;lg&amp;#39; | &amp;#39;auto&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>FullWidthButtonContainer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fullwidthbuttoncontainer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/fullwidthbuttoncontainer/</guid><content><![CDATA[&lt;h2 id=&#34;fullwidthbuttoncontainer-variable&#34;&gt;FullWidthButtonContainer variable&lt;/h2&gt;
&lt;h3 id=&#34;fullwidthbuttoncontainer-variable-1&#34;&gt;FullWidthButtonContainer variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;FullWidthButtonContainer: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { FullWidthButtonContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="fullwidthbuttoncontainer-variable">FullWidthButtonContainer variable&lt;/h2>
&lt;h3 id="fullwidthbuttoncontainer-variable-1">FullWidthButtonContainer variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">FullWidthButtonContainer: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { FullWidthButtonContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Gauge</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gauge/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gauge/</guid><content><![CDATA[&lt;h2 id=&#34;gauge-class&#34;&gt;Gauge class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class Gauge extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Gauge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#canvaselement-property&#34;&gt;canvasElement&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Partial&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendervisualization-property&#34;&gt;renderVisualization&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; JSX.Element&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#draw-method&#34;&gt;draw()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getformattedthresholds-method&#34;&gt;getFormattedThresholds(decimals)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;canvaselement-property&#34;&gt;canvasElement property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;canvasElement: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: Partial&amp;lt;Props&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rendervisualization-property&#34;&gt;renderVisualization property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderVisualization: () =&amp;gt; JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;draw-method&#34;&gt;draw method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;draw(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getformattedthresholds-method&#34;&gt;getFormattedThresholds method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getFormattedThresholds(decimals: number): Threshold[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;decimals&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Threshold[]&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="gauge-class">Gauge class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class Gauge extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Gauge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>getAvailableIcons</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getavailableicons/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getavailableicons/</guid><content><![CDATA[&lt;h2 id=&#34;getavailableicons-variable&#34;&gt;getAvailableIcons variable&lt;/h2&gt;
&lt;h3 id=&#34;getavailableicons-variable-1&#34;&gt;getAvailableIcons variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getAvailableIcons: () =&amp;gt; readonly [&amp;#34;angle-double-down&amp;#34;, &amp;#34;angle-double-right&amp;#34;, &amp;#34;angle-double-up&amp;#34;, &amp;#34;angle-down&amp;#34;, &amp;#34;angle-left&amp;#34;, &amp;#34;angle-right&amp;#34;, &amp;#34;angle-up&amp;#34;, &amp;#34;apps&amp;#34;, &amp;#34;arrow&amp;#34;, &amp;#34;arrow-down&amp;#34;, &amp;#34;arrow-from-right&amp;#34;, &amp;#34;arrow-left&amp;#34;, &amp;#34;arrow-random&amp;#34;, &amp;#34;arrow-right&amp;#34;, &amp;#34;arrow-up&amp;#34;, &amp;#34;arrows-h&amp;#34;, &amp;#34;backward&amp;#34;, &amp;#34;bars&amp;#34;, &amp;#34;bell&amp;#34;, &amp;#34;bell-slash&amp;#34;, &amp;#34;bolt&amp;#34;, &amp;#34;book&amp;#34;, &amp;#34;book-open&amp;#34;, &amp;#34;brackets-curly&amp;#34;, &amp;#34;building&amp;#34;, &amp;#34;bug&amp;#34;, &amp;#34;building&amp;#34;, &amp;#34;calculator-alt&amp;#34;, &amp;#34;calendar-alt&amp;#34;, &amp;#34;camera&amp;#34;, &amp;#34;capture&amp;#34;, &amp;#34;channel-add&amp;#34;, &amp;#34;chart-line&amp;#34;, &amp;#34;check&amp;#34;, &amp;#34;check-circle&amp;#34;, &amp;#34;circle&amp;#34;, &amp;#34;clipboard-alt&amp;#34;, &amp;#34;clock-nine&amp;#34;, &amp;#34;cloud&amp;#34;, &amp;#34;cloud-download&amp;#34;, &amp;#34;cloud-upload&amp;#34;, &amp;#34;code-branch&amp;#34;, &amp;#34;cog&amp;#34;, &amp;#34;columns&amp;#34;, &amp;#34;comment-alt&amp;#34;, &amp;#34;comment-alt-share&amp;#34;, &amp;#34;comments-alt&amp;#34;, &amp;#34;compass&amp;#34;, &amp;#34;copy&amp;#34;, &amp;#34;credit-card&amp;#34;, &amp;#34;cube&amp;#34;, &amp;#34;dashboard&amp;#34;, &amp;#34;database&amp;#34;, &amp;#34;document-info&amp;#34;, &amp;#34;download-alt&amp;#34;, &amp;#34;draggabledots&amp;#34;, &amp;#34;edit&amp;#34;, &amp;#34;ellipsis-v&amp;#34;, &amp;#34;envelope&amp;#34;, &amp;#34;exchange-alt&amp;#34;, &amp;#34;exclamation-triangle&amp;#34;, &amp;#34;external-link-alt&amp;#34;, &amp;#34;eye&amp;#34;, &amp;#34;eye-slash&amp;#34;, &amp;#34;ellipsis-h&amp;#34;, &amp;#34;fa fa-spinner&amp;#34;, &amp;#34;favorite&amp;#34;, &amp;#34;file-alt&amp;#34;, &amp;#34;file-blank&amp;#34;, &amp;#34;file-copy-alt&amp;#34;, &amp;#34;filter&amp;#34;, &amp;#34;folder&amp;#34;, &amp;#34;font&amp;#34;, &amp;#34;fire&amp;#34;, &amp;#34;folder-open&amp;#34;, &amp;#34;folder-plus&amp;#34;, &amp;#34;folder-upload&amp;#34;, &amp;#34;forward&amp;#34;, &amp;#34;gf-bar-alignment-after&amp;#34;, &amp;#34;gf-bar-alignment-before&amp;#34;, &amp;#34;gf-bar-alignment-center&amp;#34;, &amp;#34;gf-grid&amp;#34;, &amp;#34;gf-interpolation-linear&amp;#34;, &amp;#34;gf-interpolation-smooth&amp;#34;, &amp;#34;gf-interpolation-step-after&amp;#34;, &amp;#34;gf-interpolation-step-before&amp;#34;, &amp;#34;gf-landscape&amp;#34;, &amp;#34;gf-layout-simple&amp;#34;, &amp;#34;gf-logs&amp;#34;, &amp;#34;gf-portrait&amp;#34;, &amp;#34;grafana&amp;#34;, &amp;#34;graph-bar&amp;#34;, &amp;#34;heart&amp;#34;, &amp;#34;heart-break&amp;#34;, &amp;#34;history&amp;#34;, &amp;#34;home-alt&amp;#34;, &amp;#34;hourglass&amp;#34;, &amp;#34;import&amp;#34;, &amp;#34;info&amp;#34;, &amp;#34;info-circle&amp;#34;, &amp;#34;key-skeleton-alt&amp;#34;, &amp;#34;keyboard&amp;#34;, &amp;#34;layer-group&amp;#34;, &amp;#34;library-panel&amp;#34;, &amp;#34;line-alt&amp;#34;, &amp;#34;link&amp;#34;, &amp;#34;list-ui-alt&amp;#34;, &amp;#34;list-ul&amp;#34;, &amp;#34;lock&amp;#34;, &amp;#34;map-marker&amp;#34;, &amp;#34;message&amp;#34;, &amp;#34;minus&amp;#34;, &amp;#34;minus-circle&amp;#34;, &amp;#34;mobile-android&amp;#34;, &amp;#34;monitor&amp;#34;, &amp;#34;palette&amp;#34;, &amp;#34;panel-add&amp;#34;, &amp;#34;pause&amp;#34;, &amp;#34;pen&amp;#34;, &amp;#34;percentage&amp;#34;, &amp;#34;play&amp;#34;, &amp;#34;plug&amp;#34;, &amp;#34;plus&amp;#34;, &amp;#34;plus-circle&amp;#34;, &amp;#34;plus-square&amp;#34;, &amp;#34;power&amp;#34;, &amp;#34;presentation-play&amp;#34;, &amp;#34;process&amp;#34;, &amp;#34;question-circle&amp;#34;, &amp;#34;record-audio&amp;#34;, &amp;#34;repeat&amp;#34;, &amp;#34;rocket&amp;#34;, &amp;#34;save&amp;#34;, &amp;#34;search&amp;#34;, &amp;#34;search-minus&amp;#34;, &amp;#34;search-plus&amp;#34;, &amp;#34;share-alt&amp;#34;, &amp;#34;shield&amp;#34;, &amp;#34;shield-exclamation&amp;#34;, &amp;#34;signal&amp;#34;, &amp;#34;signin&amp;#34;, &amp;#34;signout&amp;#34;, &amp;#34;sitemap&amp;#34;, &amp;#34;slack&amp;#34;, &amp;#34;sliders-v-alt&amp;#34;, &amp;#34;sort-amount-down&amp;#34;, &amp;#34;sort-amount-up&amp;#34;, &amp;#34;square-shape&amp;#34;, &amp;#34;star&amp;#34;, &amp;#34;step-backward&amp;#34;, &amp;#34;sync&amp;#34;, &amp;#34;table&amp;#34;, &amp;#34;tag-alt&amp;#34;, &amp;#34;text-fields&amp;#34;, &amp;#34;times&amp;#34;, &amp;#34;toggle-on&amp;#34;, &amp;#34;trash-alt&amp;#34;, &amp;#34;unlock&amp;#34;, &amp;#34;upload&amp;#34;, &amp;#34;user&amp;#34;, &amp;#34;users-alt&amp;#34;, &amp;#34;wrap-text&amp;#34;, &amp;#34;x&amp;#34;]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getAvailableIcons } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getavailableicons-variable">getAvailableIcons variable&lt;/h2>
&lt;h3 id="getavailableicons-variable-1">getAvailableIcons variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getAvailableIcons: () =&amp;gt; readonly [&amp;#34;angle-double-down&amp;#34;, &amp;#34;angle-double-right&amp;#34;, &amp;#34;angle-double-up&amp;#34;, &amp;#34;angle-down&amp;#34;, &amp;#34;angle-left&amp;#34;, &amp;#34;angle-right&amp;#34;, &amp;#34;angle-up&amp;#34;, &amp;#34;apps&amp;#34;, &amp;#34;arrow&amp;#34;, &amp;#34;arrow-down&amp;#34;, &amp;#34;arrow-from-right&amp;#34;, &amp;#34;arrow-left&amp;#34;, &amp;#34;arrow-random&amp;#34;, &amp;#34;arrow-right&amp;#34;, &amp;#34;arrow-up&amp;#34;, &amp;#34;arrows-h&amp;#34;, &amp;#34;backward&amp;#34;, &amp;#34;bars&amp;#34;, &amp;#34;bell&amp;#34;, &amp;#34;bell-slash&amp;#34;, &amp;#34;bolt&amp;#34;, &amp;#34;book&amp;#34;, &amp;#34;book-open&amp;#34;, &amp;#34;brackets-curly&amp;#34;, &amp;#34;building&amp;#34;, &amp;#34;bug&amp;#34;, &amp;#34;building&amp;#34;, &amp;#34;calculator-alt&amp;#34;, &amp;#34;calendar-alt&amp;#34;, &amp;#34;camera&amp;#34;, &amp;#34;capture&amp;#34;, &amp;#34;channel-add&amp;#34;, &amp;#34;chart-line&amp;#34;, &amp;#34;check&amp;#34;, &amp;#34;check-circle&amp;#34;, &amp;#34;circle&amp;#34;, &amp;#34;clipboard-alt&amp;#34;, &amp;#34;clock-nine&amp;#34;, &amp;#34;cloud&amp;#34;, &amp;#34;cloud-download&amp;#34;, &amp;#34;cloud-upload&amp;#34;, &amp;#34;code-branch&amp;#34;, &amp;#34;cog&amp;#34;, &amp;#34;columns&amp;#34;, &amp;#34;comment-alt&amp;#34;, &amp;#34;comment-alt-share&amp;#34;, &amp;#34;comments-alt&amp;#34;, &amp;#34;compass&amp;#34;, &amp;#34;copy&amp;#34;, &amp;#34;credit-card&amp;#34;, &amp;#34;cube&amp;#34;, &amp;#34;dashboard&amp;#34;, &amp;#34;database&amp;#34;, &amp;#34;document-info&amp;#34;, &amp;#34;download-alt&amp;#34;, &amp;#34;draggabledots&amp;#34;, &amp;#34;edit&amp;#34;, &amp;#34;ellipsis-v&amp;#34;, &amp;#34;envelope&amp;#34;, &amp;#34;exchange-alt&amp;#34;, &amp;#34;exclamation-triangle&amp;#34;, &amp;#34;external-link-alt&amp;#34;, &amp;#34;eye&amp;#34;, &amp;#34;eye-slash&amp;#34;, &amp;#34;ellipsis-h&amp;#34;, &amp;#34;fa fa-spinner&amp;#34;, &amp;#34;favorite&amp;#34;, &amp;#34;file-alt&amp;#34;, &amp;#34;file-blank&amp;#34;, &amp;#34;file-copy-alt&amp;#34;, &amp;#34;filter&amp;#34;, &amp;#34;folder&amp;#34;, &amp;#34;font&amp;#34;, &amp;#34;fire&amp;#34;, &amp;#34;folder-open&amp;#34;, &amp;#34;folder-plus&amp;#34;, &amp;#34;folder-upload&amp;#34;, &amp;#34;forward&amp;#34;, &amp;#34;gf-bar-alignment-after&amp;#34;, &amp;#34;gf-bar-alignment-before&amp;#34;, &amp;#34;gf-bar-alignment-center&amp;#34;, &amp;#34;gf-grid&amp;#34;, &amp;#34;gf-interpolation-linear&amp;#34;, &amp;#34;gf-interpolation-smooth&amp;#34;, &amp;#34;gf-interpolation-step-after&amp;#34;, &amp;#34;gf-interpolation-step-before&amp;#34;, &amp;#34;gf-landscape&amp;#34;, &amp;#34;gf-layout-simple&amp;#34;, &amp;#34;gf-logs&amp;#34;, &amp;#34;gf-portrait&amp;#34;, &amp;#34;grafana&amp;#34;, &amp;#34;graph-bar&amp;#34;, &amp;#34;heart&amp;#34;, &amp;#34;heart-break&amp;#34;, &amp;#34;history&amp;#34;, &amp;#34;home-alt&amp;#34;, &amp;#34;hourglass&amp;#34;, &amp;#34;import&amp;#34;, &amp;#34;info&amp;#34;, &amp;#34;info-circle&amp;#34;, &amp;#34;key-skeleton-alt&amp;#34;, &amp;#34;keyboard&amp;#34;, &amp;#34;layer-group&amp;#34;, &amp;#34;library-panel&amp;#34;, &amp;#34;line-alt&amp;#34;, &amp;#34;link&amp;#34;, &amp;#34;list-ui-alt&amp;#34;, &amp;#34;list-ul&amp;#34;, &amp;#34;lock&amp;#34;, &amp;#34;map-marker&amp;#34;, &amp;#34;message&amp;#34;, &amp;#34;minus&amp;#34;, &amp;#34;minus-circle&amp;#34;, &amp;#34;mobile-android&amp;#34;, &amp;#34;monitor&amp;#34;, &amp;#34;palette&amp;#34;, &amp;#34;panel-add&amp;#34;, &amp;#34;pause&amp;#34;, &amp;#34;pen&amp;#34;, &amp;#34;percentage&amp;#34;, &amp;#34;play&amp;#34;, &amp;#34;plug&amp;#34;, &amp;#34;plus&amp;#34;, &amp;#34;plus-circle&amp;#34;, &amp;#34;plus-square&amp;#34;, &amp;#34;power&amp;#34;, &amp;#34;presentation-play&amp;#34;, &amp;#34;process&amp;#34;, &amp;#34;question-circle&amp;#34;, &amp;#34;record-audio&amp;#34;, &amp;#34;repeat&amp;#34;, &amp;#34;rocket&amp;#34;, &amp;#34;save&amp;#34;, &amp;#34;search&amp;#34;, &amp;#34;search-minus&amp;#34;, &amp;#34;search-plus&amp;#34;, &amp;#34;share-alt&amp;#34;, &amp;#34;shield&amp;#34;, &amp;#34;shield-exclamation&amp;#34;, &amp;#34;signal&amp;#34;, &amp;#34;signin&amp;#34;, &amp;#34;signout&amp;#34;, &amp;#34;sitemap&amp;#34;, &amp;#34;slack&amp;#34;, &amp;#34;sliders-v-alt&amp;#34;, &amp;#34;sort-amount-down&amp;#34;, &amp;#34;sort-amount-up&amp;#34;, &amp;#34;square-shape&amp;#34;, &amp;#34;star&amp;#34;, &amp;#34;step-backward&amp;#34;, &amp;#34;sync&amp;#34;, &amp;#34;table&amp;#34;, &amp;#34;tag-alt&amp;#34;, &amp;#34;text-fields&amp;#34;, &amp;#34;times&amp;#34;, &amp;#34;toggle-on&amp;#34;, &amp;#34;trash-alt&amp;#34;, &amp;#34;unlock&amp;#34;, &amp;#34;upload&amp;#34;, &amp;#34;user&amp;#34;, &amp;#34;users-alt&amp;#34;, &amp;#34;wrap-text&amp;#34;, &amp;#34;x&amp;#34;]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getCardStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getcardstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getcardstyles/</guid><content><![CDATA[&lt;h2 id=&#34;getcardstyles-variable&#34;&gt;getCardStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;getcardstyles-variable-1&#34;&gt;getCardStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getCardStyles: (theme: GrafanaTheme2) =&amp;gt; {
    tagList: string;
    actions: string;
    secondaryActions: string;
    media: string;
    description: string;
    metadata: string;
    separator: string;
    heading: string;
    linkHack: string;
    inner: string;
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getCardStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getcardstyles-variable">getCardStyles variable&lt;/h2>
&lt;h3 id="getcardstyles-variable-1">getCardStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getCardStyles: (theme: GrafanaTheme2) =&amp;gt; {
tagList: string;
actions: string;
secondaryActions: string;
media: string;
description: string;
metadata: string;
separator: string;
heading: string;
linkHack: string;
inner: string;
}&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getChildId</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/getchildid/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/getchildid/</guid><content><![CDATA[&lt;h2 id=&#34;reactutilsgetchildid-function&#34;&gt;ReactUtils.getChildId() function&lt;/h2&gt;
&lt;h3 id=&#34;reactutilsgetchildid-function-1&#34;&gt;ReactUtils.getChildId() function&lt;/h3&gt;
&lt;p&gt;Returns the ID value of the first, and only, child element&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getChildId(children: ReactElement): string | undefined;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ReactUtils } from &amp;#39;@grafana/ui&amp;#39;;
const { getChildId } = ReactUtils;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;children&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ReactElement&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string | undefined&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="reactutilsgetchildid-function">ReactUtils.getChildId() function&lt;/h2>
&lt;h3 id="reactutilsgetchildid-function-1">ReactUtils.getChildId() function&lt;/h3>
&lt;p>Returns the ID value of the first, and only, child element&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getChildId(children: ReactElement): string | undefined;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getFieldTypeIcon</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getfieldtypeicon/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getfieldtypeicon/</guid><content><![CDATA[&lt;h2 id=&#34;getfieldtypeicon-function&#34;&gt;getFieldTypeIcon() function&lt;/h2&gt;
&lt;h3 id=&#34;getfieldtypeicon-function-1&#34;&gt;getFieldTypeIcon() function&lt;/h3&gt;
&lt;p&gt;Get the icon for a given field type&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getFieldTypeIcon(field?: Field): IconName;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getFieldTypeIcon } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;field&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Field&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;IconName&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="getfieldtypeicon-function">getFieldTypeIcon() function&lt;/h2>
&lt;h3 id="getfieldtypeicon-function-1">getFieldTypeIcon() function&lt;/h3>
&lt;p>Get the icon for a given field type&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getFieldTypeIcon(field?: Field): IconName;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getFocusStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/getfocusstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/getfocusstyles/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinsgetfocusstyles-function&#34;&gt;styleMixins.getFocusStyles() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinsgetfocusstyles-function-1&#34;&gt;styleMixins.getFocusStyles() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getFocusStyles(theme: GrafanaTheme2): CSSObject;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getFocusStyles } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;CSSObject&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinsgetfocusstyles-function">styleMixins.getFocusStyles() function&lt;/h2>
&lt;h3 id="stylemixinsgetfocusstyles-function-1">styleMixins.getFocusStyles() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getFocusStyles(theme: GrafanaTheme2): CSSObject;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getFocusStyles } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>getFormStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getformstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getformstyles/</guid><content><![CDATA[&lt;h2 id=&#34;getformstyles-variable&#34;&gt;getFormStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;getformstyles-variable-1&#34;&gt;getFormStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getFormStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2, options: {
    variant: ButtonVariant;
    size: ComponentSize;
    invalid: boolean;
}) =&amp;gt; {
    label: {
        label: string;
        labelContent: string;
        description: string;
        categories: string;
        chevron: string;
    };
    legend: {
        legend: string;
    };
    fieldValidationMessage: {
        vertical: string;
        horizontal: string;
        fieldValidationMessageIcon: string;
    };
    button: {
        button: string;
        disabled: string;
        img: string;
        icon: string;
        content: string;
    };
    input: {
        wrapper: string;
        inputWrapper: string;
        input: string;
        inputDisabled: string;
        addon: string;
        prefix: string;
        suffix: string;
        loadingIndicator: string;
    };
    checkbox: {
        wrapper: string;
        input: string;
        checkmark: string;
        label: string;
        description: string;
    };
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getFormStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getformstyles-variable">getFormStyles variable&lt;/h2>
&lt;h3 id="getformstyles-variable-1">getFormStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getFormStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2, options: {
variant: ButtonVariant;
size: ComponentSize;
invalid: boolean;
}) =&amp;gt; {
label: {
label: string;
labelContent: string;
description: string;
categories: string;
chevron: string;
};
legend: {
legend: string;
};
fieldValidationMessage: {
vertical: string;
horizontal: string;
fieldValidationMessageIcon: string;
};
button: {
button: string;
disabled: string;
img: string;
icon: string;
content: string;
};
input: {
wrapper: string;
inputWrapper: string;
input: string;
inputDisabled: string;
addon: string;
prefix: string;
suffix: string;
loadingIndicator: string;
};
checkbox: {
wrapper: string;
input: string;
checkmark: string;
label: string;
description: string;
};
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getInputStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getinputstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getinputstyles/</guid><content><![CDATA[&lt;h2 id=&#34;getinputstyles-variable&#34;&gt;getInputStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;getinputstyles-variable-1&#34;&gt;getInputStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getInputStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;({ theme, invalid, width }: StyleDeps) =&amp;gt; {
    wrapper: string;
    inputWrapper: string;
    input: string;
    inputDisabled: string;
    addon: string;
    prefix: string;
    suffix: string;
    loadingIndicator: string;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getInputStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getinputstyles-variable">getInputStyles variable&lt;/h2>
&lt;h3 id="getinputstyles-variable-1">getInputStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getInputStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;({ theme, invalid, width }: StyleDeps) =&amp;gt; {
wrapper: string;
inputWrapper: string;
input: string;
inputDisabled: string;
addon: string;
prefix: string;
suffix: string;
loadingIndicator: string;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getLogRowStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getlogrowstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getlogrowstyles/</guid><content><![CDATA[&lt;h2 id=&#34;getlogrowstyles-variable&#34;&gt;getLogRowStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;getlogrowstyles-variable-1&#34;&gt;getLogRowStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getLogRowStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2, logLevel?: LogLevel | undefined) =&amp;gt; {
    logsRowMatchHighLight: string;
    logsRowMatchHighLightPreview: string;
    logsRowsTable: string;
    context: string;
    logsRow: string;
    logsRowDuplicates: string;
    logsRowLevel: string;
    logIconError: string;
    logsRowToggleDetails: string;
    logsRowLocalTime: string;
    logsRowLabels: string;
    logsRowMessage: string;
    logDetailsContainer: string;
    logDetailsTable: string;
    logsDetailsIcon: string;
    logDetailsLabel: string;
    logDetailsHeading: string;
    logDetailsValue: string;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getLogRowStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getlogrowstyles-variable">getLogRowStyles variable&lt;/h2>
&lt;h3 id="getlogrowstyles-variable-1">getLogRowStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getLogRowStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2, logLevel?: LogLevel | undefined) =&amp;gt; {
logsRowMatchHighLight: string;
logsRowMatchHighLightPreview: string;
logsRowsTable: string;
context: string;
logsRow: string;
logsRowDuplicates: string;
logsRowLevel: string;
logIconError: string;
logsRowToggleDetails: string;
logsRowLocalTime: string;
logsRowLabels: string;
logsRowMessage: string;
logDetailsContainer: string;
logDetailsTable: string;
logsDetailsIcon: string;
logDetailsLabel: string;
logDetailsHeading: string;
logDetailsValue: string;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getMouseFocusStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/getmousefocusstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/getmousefocusstyles/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinsgetmousefocusstyles-function&#34;&gt;styleMixins.getMouseFocusStyles() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinsgetmousefocusstyles-function-1&#34;&gt;styleMixins.getMouseFocusStyles() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getMouseFocusStyles(theme: GrafanaTheme2): CSSObject;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getMouseFocusStyles } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;CSSObject&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinsgetmousefocusstyles-function">styleMixins.getMouseFocusStyles() function&lt;/h2>
&lt;h3 id="stylemixinsgetmousefocusstyles-function-1">styleMixins.getMouseFocusStyles() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getMouseFocusStyles(theme: GrafanaTheme2): CSSObject;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getMouseFocusStyles } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>getNextCharacter</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/getnextcharacter/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/getnextcharacter/</guid><content><![CDATA[&lt;h2 id=&#34;domutilgetnextcharacter-function&#34;&gt;DOMUtil.getNextCharacter() function&lt;/h2&gt;
&lt;h3 id=&#34;domutilgetnextcharacter-function-1&#34;&gt;DOMUtil.getNextCharacter() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getNextCharacter(global?: any): any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DOMUtil } from &amp;#39;@grafana/ui&amp;#39;;
const { getNextCharacter } = DOMUtil;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;global&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;any&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="domutilgetnextcharacter-function">DOMUtil.getNextCharacter() function&lt;/h2>
&lt;h3 id="domutilgetnextcharacter-function-1">DOMUtil.getNextCharacter() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getNextCharacter(global?: any): any;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { DOMUtil } from &amp;#39;@grafana/ui&amp;#39;;
const { getNextCharacter } = DOMUtil;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>getPreviousCousin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/getpreviouscousin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/domutil/getpreviouscousin/</guid><content><![CDATA[&lt;h2 id=&#34;domutilgetpreviouscousin-function&#34;&gt;DOMUtil.getPreviousCousin() function&lt;/h2&gt;
&lt;h3 id=&#34;domutilgetpreviouscousin-function-1&#34;&gt;DOMUtil.getPreviousCousin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getPreviousCousin(node: any, selector: string): any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { DOMUtil } from &amp;#39;@grafana/ui&amp;#39;;
const { getPreviousCousin } = DOMUtil;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;selector&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;any&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="domutilgetpreviouscousin-function">DOMUtil.getPreviousCousin() function&lt;/h2>
&lt;h3 id="domutilgetpreviouscousin-function-1">DOMUtil.getPreviousCousin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getPreviousCousin(node: any, selector: string): any;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getScrollbarWidth</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getscrollbarwidth/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getscrollbarwidth/</guid><content><![CDATA[&lt;h2 id=&#34;getscrollbarwidth-function&#34;&gt;getScrollbarWidth() function&lt;/h2&gt;
&lt;h3 id=&#34;getscrollbarwidth-function-1&#34;&gt;getScrollbarWidth() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getScrollbarWidth(): number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getScrollbarWidth } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;number&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="getscrollbarwidth-function">getScrollbarWidth() function&lt;/h2>
&lt;h3 id="getscrollbarwidth-function-1">getScrollbarWidth() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getScrollbarWidth(): number;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { getScrollbarWidth } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>getSelectStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getselectstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getselectstyles/</guid><content><![CDATA[&lt;h2 id=&#34;getselectstyles-variable&#34;&gt;getSelectStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;getselectstyles-variable-1&#34;&gt;getSelectStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getSelectStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2) =&amp;gt; {
    menu: string;
    option: string;
    optionIcon: string;
    optionImage: string;
    optionDescription: string;
    optionBody: string;
    optionFocused: string;
    optionSelected: string;
    optionDisabled: string;
    singleValue: string;
    valueContainer: string;
    valueContainerMulti: string;
    loadingMessage: string;
    multiValueContainer: string;
    multiValueRemove: string;
    singleValueRemove: string;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getSelectStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getselectstyles-variable">getSelectStyles variable&lt;/h2>
&lt;h3 id="getselectstyles-variable-1">getSelectStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getSelectStyles: import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;(theme: GrafanaTheme2) =&amp;gt; {
menu: string;
option: string;
optionIcon: string;
optionImage: string;
optionDescription: string;
optionBody: string;
optionFocused: string;
optionSelected: string;
optionDisabled: string;
singleValue: string;
valueContainer: string;
valueContainerMulti: string;
loadingMessage: string;
multiValueContainer: string;
multiValueRemove: string;
singleValueRemove: string;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getStandardFieldConfigs</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getstandardfieldconfigs/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/getstandardfieldconfigs/</guid><content><![CDATA[&lt;h2 id=&#34;getstandardfieldconfigs-variable&#34;&gt;getStandardFieldConfigs variable&lt;/h2&gt;
&lt;h3 id=&#34;getstandardfieldconfigs-variable-1&#34;&gt;getStandardFieldConfigs variable&lt;/h3&gt;
&lt;p&gt;Returns collection of common field config properties definitions&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getStandardFieldConfigs: () =&amp;gt; (FieldConfigPropertyItem&amp;lt;any, number, NumberFieldConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, FieldColor | undefined, FieldColorConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, string, StringFieldConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, DataLink&amp;lt;any&amp;gt;[], StringFieldConfigSettings&amp;gt;)[]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getStandardFieldConfigs } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="getstandardfieldconfigs-variable">getStandardFieldConfigs variable&lt;/h2>
&lt;h3 id="getstandardfieldconfigs-variable-1">getStandardFieldConfigs variable&lt;/h3>
&lt;p>Returns collection of common field config properties definitions&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getStandardFieldConfigs: () =&amp;gt; (FieldConfigPropertyItem&amp;lt;any, number, NumberFieldConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, FieldColor | undefined, FieldColorConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, string, StringFieldConfigSettings&amp;gt; | FieldConfigPropertyItem&amp;lt;any, DataLink&amp;lt;any&amp;gt;[], StringFieldConfigSettings&amp;gt;)[]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getTagColor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettagcolor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettagcolor/</guid><content><![CDATA[&lt;h2 id=&#34;gettagcolor-function&#34;&gt;getTagColor() function&lt;/h2&gt;
&lt;h3 id=&#34;gettagcolor-function-1&#34;&gt;getTagColor() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getTagColor(index: number): {
    color: string;
    borderColor: string;
};&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getTagColor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;index&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;{ color: string; borderColor: string; }&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="gettagcolor-function">getTagColor() function&lt;/h2>
&lt;h3 id="gettagcolor-function-1">getTagColor() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getTagColor(index: number): {
color: string;
borderColor: string;
};&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getTagColorsFromName</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettagcolorsfromname/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettagcolorsfromname/</guid><content><![CDATA[&lt;h2 id=&#34;gettagcolorsfromname-function&#34;&gt;getTagColorsFromName() function&lt;/h2&gt;
&lt;h3 id=&#34;gettagcolorsfromname-function-1&#34;&gt;getTagColorsFromName() function&lt;/h3&gt;
&lt;p&gt;Returns tag badge background and border colors based on hashed tag name.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getTagColorsFromName(name?: string): {
    color: string;
    borderColor: string;
};&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getTagColorsFromName } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;name&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;tag name&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;{ color: string; borderColor: string; }&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="gettagcolorsfromname-function">getTagColorsFromName() function&lt;/h2>
&lt;h3 id="gettagcolorsfromname-function-1">getTagColorsFromName() function&lt;/h3>
&lt;p>Returns tag badge background and border colors based on hashed tag name.&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getTagColorsFromName(name?: string): {
color: string;
borderColor: string;
};&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getTextColorForBackground</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettextcolorforbackground/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettextcolorforbackground/</guid><content><![CDATA[&lt;h2 id=&#34;gettextcolorforbackground-function&#34;&gt;getTextColorForBackground() function&lt;/h2&gt;
&lt;h3 id=&#34;gettextcolorforbackground-function-1&#34;&gt;getTextColorForBackground() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function getTextColorForBackground(color: string): &amp;#34;rgb(32, 34, 38)&amp;#34; | &amp;#34;rgb(247, 248, 250)&amp;#34;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getTextColorForBackground } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;color&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;&amp;quot;rgb(32, 34, 38)&amp;quot; | &amp;quot;rgb(247, 248, 250)&amp;quot;&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="gettextcolorforbackground-function">getTextColorForBackground() function&lt;/h2>
&lt;h3 id="gettextcolorforbackground-function-1">getTextColorForBackground() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function getTextColorForBackground(color: string): &amp;#34;rgb(32, 34, 38)&amp;#34; | &amp;#34;rgb(247, 248, 250)&amp;#34;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>getTheme</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettheme/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/gettheme/</guid><content><![CDATA[&lt;h2 id=&#34;gettheme-variable&#34;&gt;getTheme variable&lt;/h2&gt;
&lt;h3 id=&#34;gettheme-variable-1&#34;&gt;getTheme variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getTheme: (mode?: &amp;#39;dark&amp;#39; | &amp;#39;light&amp;#39;) =&amp;gt; GrafanaTheme&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { getTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="gettheme-variable">getTheme variable&lt;/h2>
&lt;h3 id="gettheme-variable-1">getTheme variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getTheme: (mode?: &amp;#39;dark&amp;#39; | &amp;#39;light&amp;#39;) =&amp;gt; GrafanaTheme&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { getTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>getTooltipContainerStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/gettooltipcontainerstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/gettooltipcontainerstyles/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinsgettooltipcontainerstyles-variable&#34;&gt;styleMixins.getTooltipContainerStyles variable&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinsgettooltipcontainerstyles-variable-1&#34;&gt;styleMixins.getTooltipContainerStyles variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getTooltipContainerStyles: (theme: GrafanaTheme2) =&amp;gt; string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getTooltipContainerStyles } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="stylemixinsgettooltipcontainerstyles-variable">styleMixins.getTooltipContainerStyles variable&lt;/h2>
&lt;h3 id="stylemixinsgettooltipcontainerstyles-variable-1">styleMixins.getTooltipContainerStyles variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">getTooltipContainerStyles: (theme: GrafanaTheme2) =&amp;gt; string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { getTooltipContainerStyles } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Graph</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graph/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graph/</guid><content><![CDATA[&lt;h2 id=&#34;graph-class&#34;&gt;Graph class&lt;/h2&gt;
&lt;p&gt;This is a react wrapper for the angular, flot based graph visualization. Rather than using this component, you should use the `&lt;!-- --&gt;&amp;lt;&lt;!-- --&gt;PanelRender &amp;hellip;/&lt;!-- --&gt;&amp;gt; with timeseries panel configs.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class Graph extends PureComponent&amp;lt;GraphProps, GraphState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Graph } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#_element-property&#34;&gt;$element&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        showLines: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        showPoints: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        showBars: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        isStacked: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        lineWidth: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#element-property&#34;&gt;element&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;HTMLElement | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getbarwidth-property&#34;&gt;getBarWidth&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onplotclick-property&#34;&gt;onPlotClick&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: JQueryEventObject, contextPos: FlotPosition, item?: FlotItem&amp;lt;GraphSeriesXY&amp;gt; | undefined) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onplothover-property&#34;&gt;onPlotHover&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: JQueryEventObject, pos: FlotPosition, item?: FlotItem&amp;lt;GraphSeriesXY&amp;gt; | undefined) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onplotselected-property&#34;&gt;onPlotSelected&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: JQueryEventObject, ranges: {&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        xaxis: {&lt;/code&gt;&lt;br/&gt;&lt;code&gt;            from: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;            to: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        };&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendercontextmenu-property&#34;&gt;renderContextMenu&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; JSX.Element | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendertooltip-property&#34;&gt;renderTooltip&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; React.ReactElement&amp;lt;VizTooltipProps, string | React.JSXElementConstructor&amp;lt;any&amp;gt;&amp;gt; | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphState&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps, prevState)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentwillunmount-method&#34;&gt;componentWillUnmount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#draw-method&#34;&gt;draw()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getyaxes-method&#34;&gt;getYAxes(series)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;element-property&#34;&gt;$element property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;$element: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: {
        showLines: boolean;
        showPoints: boolean;
        showBars: boolean;
        isStacked: boolean;
        lineWidth: number;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;element-property-1&#34;&gt;element property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;element: HTMLElement | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getbarwidth-property&#34;&gt;getBarWidth property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getBarWidth: () =&amp;gt; number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onplotclick-property&#34;&gt;onPlotClick property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onPlotClick: (event: JQueryEventObject, contextPos: FlotPosition, item?: FlotItem&amp;lt;GraphSeriesXY&amp;gt; | undefined) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onplothover-property&#34;&gt;onPlotHover property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onPlotHover: (event: JQueryEventObject, pos: FlotPosition, item?: FlotItem&amp;lt;GraphSeriesXY&amp;gt; | undefined) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onplotselected-property&#34;&gt;onPlotSelected property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onPlotSelected: (event: JQueryEventObject, ranges: {
        xaxis: {
            from: number;
            to: number;
        };
    }) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rendercontextmenu-property&#34;&gt;renderContextMenu property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderContextMenu: () =&amp;gt; JSX.Element | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rendertooltip-property&#34;&gt;renderTooltip property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderTooltip: () =&amp;gt; React.ReactElement&amp;lt;VizTooltipProps, string | React.JSXElementConstructor&amp;lt;any&amp;gt;&amp;gt; | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;state: GraphState;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: GraphProps, prevState: GraphState): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;prevState&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphState&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentwillunmount-method&#34;&gt;componentWillUnmount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentWillUnmount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;draw-method&#34;&gt;draw method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;draw(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getyaxes-method&#34;&gt;getYAxes method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getYAxes(series: GraphSeriesXY[]): {
        show: boolean;
        index: number;
        position: string;
        min: number | null | undefined;
        tickDecimals: number | null | undefined;
    }[] | {
        show: boolean;
        min: number;
        max: number;
    }[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;series&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphSeriesXY[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;{ show: boolean; index: number; position: string; min: number | null | undefined; tickDecimals: number | null | undefined; }[] | { show: boolean; min: number; max: number; }[]&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="graph-class">Graph class&lt;/h2>
&lt;p>This is a react wrapper for the angular, flot based graph visualization. Rather than using this component, you should use the `&lt;!-- -->&amp;lt;&lt;!-- -->PanelRender &amp;hellip;/&lt;!-- -->&amp;gt; with timeseries panel configs.&lt;/p></description></item><item><title>GraphNG</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphng/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphng/</guid><content><![CDATA[&lt;h2 id=&#34;graphng-class&#34;&gt;GraphNG class&lt;/h2&gt;
&lt;p&gt;&amp;ldquo;Time as X&amp;rdquo; core component, expects ascending x&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class GraphNG extends React.Component&amp;lt;GraphNGProps, GraphNGState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { GraphNG } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;GraphNG&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#contexttype-property&#34;&gt;contextType&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.Context&amp;lt;PanelContext&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#gettimerange-property&#34;&gt;getTimeRange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; TimeRange&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#panelcontext-property&#34;&gt;panelContext&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PanelContext&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentwillunmount-method&#34;&gt;componentWillUnmount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#handlecursorupdate-method&#34;&gt;handleCursorUpdate(evt)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prepstate-method&#34;&gt;prepState(props, withConfig)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;GraphNG&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: GraphNGProps);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphNGProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;contexttype-property&#34;&gt;contextType property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static contextType: React.Context&amp;lt;PanelContext&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;gettimerange-property&#34;&gt;getTimeRange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getTimeRange: () =&amp;gt; TimeRange;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;panelcontext-property&#34;&gt;panelContext property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;panelContext: PanelContext;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: GraphNGProps): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphNGProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentwillunmount-method&#34;&gt;componentWillUnmount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentWillUnmount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;handlecursorupdate-method&#34;&gt;handleCursorUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;handleCursorUpdate(evt: DataHoverEvent | LegacyGraphHoverEvent): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;evt&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DataHoverEvent | LegacyGraphHoverEvent&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;prepstate-method&#34;&gt;prepState method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prepState(props: GraphNGProps, withConfig?: boolean): GraphNGState;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphNGProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;withConfig&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;GraphNGState&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element | null&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="graphng-class">GraphNG class&lt;/h2>
&lt;p>&amp;ldquo;Time as X&amp;rdquo; core component, expects ascending x&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class GraphNG extends React.Component&amp;lt;GraphNGProps, GraphNGState&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>GraphNGProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphngprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphngprops/</guid><content><![CDATA[&lt;h2 id=&#34;graphngprops-interface&#34;&gt;GraphNGProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface GraphNGProps extends Themeable2 &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { GraphNGProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(builder: UPlotConfigBuilder, alignedFrame: DataFrame) =&amp;gt; React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#fields-property&#34;&gt;fields&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;XYFieldMatchers&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#frames-property&#34;&gt;frames&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DataFrame[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#height-property&#34;&gt;height&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#legend-property&#34;&gt;legend&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;VizLegendOptions&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onlegendclick-property&#34;&gt;onLegendClick&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: GraphNGLegendEvent) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#options-property&#34;&gt;options&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Record&amp;lt;string, any&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;needed for propsToDiff to re-init the plot &amp;amp; config this is a generic approach to plot re-init, without having to specify which panel-level options should cause invalidation. we can drop this in favor of something like panelOptionsRev that gets passed in similar to structureRev. then we can drop propsToDiff entirely.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prepareplotframe-property&#34;&gt;preparePlotFrame&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(frames: DataFrame[], dimFields: XYFieldMatchers) =&amp;gt; DataFrame&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prepconfig-property&#34;&gt;prepConfig&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () =&amp;gt; TimeRange) =&amp;gt; UPlotConfigBuilder&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#propstodiff-property&#34;&gt;propsToDiff&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;string | PropDiffFn&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderers-property&#34;&gt;renderers&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Renderers&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderlegend-property&#34;&gt;renderLegend&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(config: UPlotConfigBuilder) =&amp;gt; React.ReactElement | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#structurerev-property&#34;&gt;structureRev&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#timerange-property&#34;&gt;timeRange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeRange&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#timezone-property&#34;&gt;timeZone&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeZone&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#tweakaxis-property&#34;&gt;tweakAxis&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(opts: AxisProps, forField: Field) =&amp;gt; AxisProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#tweakscale-property&#34;&gt;tweakScale&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(opts: ScaleProps, forField: Field) =&amp;gt; ScaleProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#width-property&#34;&gt;width&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children?: (builder: UPlotConfigBuilder, alignedFrame: DataFrame) =&amp;gt; React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;fields-property&#34;&gt;fields property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fields?: XYFieldMatchers;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;frames-property&#34;&gt;frames property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;frames: DataFrame[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;height-property&#34;&gt;height property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;height: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;legend-property&#34;&gt;legend property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;legend: VizLegendOptions;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onlegendclick-property&#34;&gt;onLegendClick property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onLegendClick?: (event: GraphNGLegendEvent) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;options-property&#34;&gt;options property&lt;/h3&gt;
&lt;p&gt;needed for propsToDiff to re-init the plot &amp;amp; config this is a generic approach to plot re-init, without having to specify which panel-level options should cause invalidation. we can drop this in favor of something like panelOptionsRev that gets passed in similar to structureRev. then we can drop propsToDiff entirely.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;options?: Record&amp;lt;string, any&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prepareplotframe-property&#34;&gt;preparePlotFrame property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;preparePlotFrame?: (frames: DataFrame[], dimFields: XYFieldMatchers) =&amp;gt; DataFrame;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prepconfig-property&#34;&gt;prepConfig property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prepConfig: (alignedFrame: DataFrame, allFrames: DataFrame[], getTimeRange: () =&amp;gt; TimeRange) =&amp;gt; UPlotConfigBuilder;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;propstodiff-property&#34;&gt;propsToDiff property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;propsToDiff?: Array&amp;lt;string | PropDiffFn&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;renderers-property&#34;&gt;renderers property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderers?: Renderers;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;renderlegend-property&#34;&gt;renderLegend property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderLegend: (config: UPlotConfigBuilder) =&amp;gt; React.ReactElement | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;structurerev-property&#34;&gt;structureRev property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;structureRev?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;timerange-property&#34;&gt;timeRange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;timeRange: TimeRange;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;timezone-property&#34;&gt;timeZone property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;timeZone: TimeZone;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;tweakaxis-property&#34;&gt;tweakAxis property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;tweakAxis?: (opts: AxisProps, forField: Field) =&amp;gt; AxisProps;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;tweakscale-property&#34;&gt;tweakScale property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;tweakScale?: (opts: ScaleProps, forField: Field) =&amp;gt; ScaleProps;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;width-property&#34;&gt;width property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;width: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="graphngprops-interface">GraphNGProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface GraphNGProps extends Themeable2 &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { GraphNGProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>GraphSeriesToggler</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphseriestoggler/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphseriestoggler/</guid><content><![CDATA[&lt;h2 id=&#34;graphseriestoggler-class&#34;&gt;GraphSeriesToggler class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class GraphSeriesToggler extends React.Component&amp;lt;GraphSeriesTogglerProps, GraphSeriesTogglerState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { GraphSeriesToggler } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;GraphSeriesToggler&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onseriestoggle-method&#34;&gt;onSeriesToggle(label, event)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;GraphSeriesToggler&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: GraphSeriesTogglerProps);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphSeriesTogglerProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: Readonly&amp;lt;GraphSeriesTogglerProps&amp;gt;): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Readonly&amp;lt;GraphSeriesTogglerProps&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;onseriestoggle-method&#34;&gt;onSeriesToggle method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onSeriesToggle(label: string, event: React.MouseEvent&amp;lt;HTMLElement&amp;gt;): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;label&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;event&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.MouseEvent&amp;lt;HTMLElement&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="graphseriestoggler-class">GraphSeriesToggler class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class GraphSeriesToggler extends React.Component&amp;lt;GraphSeriesTogglerProps, GraphSeriesTogglerState&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { GraphSeriesToggler } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>GraphSeriesTogglerAPI</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphseriestogglerapi/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphseriestogglerapi/</guid><content><![CDATA[&lt;h2 id=&#34;graphseriestogglerapi-interface&#34;&gt;GraphSeriesTogglerAPI interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface GraphSeriesTogglerAPI &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { GraphSeriesTogglerAPI } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onseriestoggle-property&#34;&gt;onSeriesToggle&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(label: string, event: React.MouseEvent&amp;lt;HTMLElement&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#toggledseries-property&#34;&gt;toggledSeries&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GraphSeriesXY[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;onseriestoggle-property&#34;&gt;onSeriesToggle property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onSeriesToggle: (label: string, event: React.MouseEvent&amp;lt;HTMLElement&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;toggledseries-property&#34;&gt;toggledSeries property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;toggledSeries: GraphSeriesXY[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="graphseriestogglerapi-interface">GraphSeriesTogglerAPI interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface GraphSeriesTogglerAPI &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { GraphSeriesTogglerAPI } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>graphTickFormatter</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphtickformatter/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphtickformatter/</guid><content><![CDATA[&lt;h2 id=&#34;graphtickformatter-variable&#34;&gt;graphTickFormatter variable&lt;/h2&gt;
&lt;h3 id=&#34;graphtickformatter-variable-1&#34;&gt;graphTickFormatter variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;graphTickFormatter: (epoch: number, axis: any) =&amp;gt; string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { graphTickFormatter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="graphtickformatter-variable">graphTickFormatter variable&lt;/h2>
&lt;h3 id="graphtickformatter-variable-1">graphTickFormatter variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">graphTickFormatter: (epoch: number, axis: any) =&amp;gt; string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { graphTickFormatter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>graphTimeFormat</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphtimeformat/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphtimeformat/</guid><content><![CDATA[&lt;h2 id=&#34;graphtimeformat-variable&#34;&gt;graphTimeFormat variable&lt;/h2&gt;
&lt;h3 id=&#34;graphtimeformat-variable-1&#34;&gt;graphTimeFormat variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;graphTimeFormat: (ticks: number | null, min: number | null, max: number | null) =&amp;gt; string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { graphTimeFormat } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="graphtimeformat-variable">graphTimeFormat variable&lt;/h2>
&lt;h3 id="graphtimeformat-variable-1">graphTimeFormat variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">graphTimeFormat: (ticks: number | null, min: number | null, max: number | null) =&amp;gt; string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>GraphWithLegend</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphwithlegend/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/graphwithlegend/</guid><content><![CDATA[&lt;h2 id=&#34;graphwithlegend-variable&#34;&gt;GraphWithLegend variable&lt;/h2&gt;
&lt;h3 id=&#34;graphwithlegend-variable-1&#34;&gt;GraphWithLegend variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;GraphWithLegend: React.FunctionComponent&amp;lt;GraphWithLegendProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { GraphWithLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="graphwithlegend-variable">GraphWithLegend variable&lt;/h2>
&lt;h3 id="graphwithlegend-variable-1">GraphWithLegend variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">GraphWithLegend: React.FunctionComponent&amp;lt;GraphWithLegendProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { GraphWithLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>hasValidationEvent</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/hasvalidationevent/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/hasvalidationevent/</guid><content><![CDATA[&lt;h2 id=&#34;hasvalidationevent-variable&#34;&gt;hasValidationEvent variable&lt;/h2&gt;
&lt;h3 id=&#34;hasvalidationevent-variable-1&#34;&gt;hasValidationEvent variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hasValidationEvent: (event: EventsWithValidation, validationEvents: ValidationEvents | undefined) =&amp;gt; ValidationRule[] | undefined&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { hasValidationEvent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="hasvalidationevent-variable">hasValidationEvent variable&lt;/h2>
&lt;h3 id="hasvalidationevent-variable-1">hasValidationEvent variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">hasValidationEvent: (event: EventsWithValidation, validationEvents: ValidationEvents | undefined) =&amp;gt; ValidationRule[] | undefined&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>HorizontalGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/horizontalgroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/horizontalgroup/</guid><content><![CDATA[&lt;h2 id=&#34;horizontalgroup-variable&#34;&gt;HorizontalGroup variable&lt;/h2&gt;
&lt;h3 id=&#34;horizontalgroup-variable-1&#34;&gt;HorizontalGroup variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;HorizontalGroup: React.FC&amp;lt;Omit&amp;lt;LayoutProps, &amp;#39;orientation&amp;#39;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { HorizontalGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="horizontalgroup-variable">HorizontalGroup variable&lt;/h2>
&lt;h3 id="horizontalgroup-variable-1">HorizontalGroup variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">HorizontalGroup: React.FC&amp;lt;Omit&amp;lt;LayoutProps, &amp;#39;orientation&amp;#39;&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { HorizontalGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>hoverColor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/hovercolor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/hovercolor/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinshovercolor-function&#34;&gt;styleMixins.hoverColor() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinshovercolor-function-1&#34;&gt;styleMixins.hoverColor() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function hoverColor(color: string, theme: GrafanaTheme2): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { hoverColor } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;color&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinshovercolor-function">styleMixins.hoverColor() function&lt;/h2>
&lt;h3 id="stylemixinshovercolor-function-1">styleMixins.hoverColor() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function hoverColor(color: string, theme: GrafanaTheme2): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Icon</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/icon/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/icon/</guid><content><![CDATA[&lt;h2 id=&#34;icon-variable&#34;&gt;Icon variable&lt;/h2&gt;
&lt;h3 id=&#34;icon-variable-1&#34;&gt;Icon variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Icon: React.ForwardRefExoticComponent&amp;lt;IconProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Icon } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="icon-variable">Icon variable&lt;/h2>
&lt;h3 id="icon-variable-1">Icon variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Icon: React.ForwardRefExoticComponent&amp;lt;IconProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Icon } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>IconButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconbutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconbutton/</guid><content><![CDATA[&lt;h2 id=&#34;iconbutton-variable&#34;&gt;IconButton variable&lt;/h2&gt;
&lt;h3 id=&#34;iconbutton-variable-1&#34;&gt;IconButton variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;IconButton: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IconButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="iconbutton-variable">IconButton variable&lt;/h2>
&lt;h3 id="iconbutton-variable-1">IconButton variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">IconButton: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { IconButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>IconButtonVariant</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconbuttonvariant/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconbuttonvariant/</guid><content><![CDATA[&lt;h2 id=&#34;iconbuttonvariant-type&#34;&gt;IconButtonVariant type&lt;/h2&gt;
&lt;h3 id=&#34;iconbuttonvariant-type-1&#34;&gt;IconButtonVariant type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type IconButtonVariant = &amp;#39;primary&amp;#39; | &amp;#39;secondary&amp;#39; | &amp;#39;destructive&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IconButtonVariant } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="iconbuttonvariant-type">IconButtonVariant type&lt;/h2>
&lt;h3 id="iconbuttonvariant-type-1">IconButtonVariant type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type IconButtonVariant = &amp;#39;primary&amp;#39; | &amp;#39;secondary&amp;#39; | &amp;#39;destructive&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>IconName</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconname/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconname/</guid><content><![CDATA[&lt;h2 id=&#34;iconname-type&#34;&gt;IconName type&lt;/h2&gt;
&lt;h3 id=&#34;iconname-type-1&#34;&gt;IconName type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type IconName = ReturnType&amp;lt;typeof getAvailableIcons&amp;gt;[number] | BrandIconNames;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IconName } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="iconname-type">IconName type&lt;/h2>
&lt;h3 id="iconname-type-1">IconName type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type IconName = ReturnType&amp;lt;typeof getAvailableIcons&amp;gt;[number] | BrandIconNames;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>IconSize</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconsize/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/iconsize/</guid><content><![CDATA[&lt;h2 id=&#34;iconsize-type&#34;&gt;IconSize type&lt;/h2&gt;
&lt;h3 id=&#34;iconsize-type-1&#34;&gt;IconSize type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type IconSize = ComponentSize | &amp;#39;xl&amp;#39; | &amp;#39;xxl&amp;#39; | &amp;#39;xxxl&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IconSize } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="iconsize-type">IconSize type&lt;/h2>
&lt;h3 id="iconsize-type-1">IconSize type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type IconSize = ComponentSize | &amp;#39;xl&amp;#39; | &amp;#39;xxl&amp;#39; | &amp;#39;xxxl&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>IconType</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/icontype/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/icontype/</guid><content><![CDATA[&lt;h2 id=&#34;icontype-type&#34;&gt;IconType type&lt;/h2&gt;
&lt;h3 id=&#34;icontype-type-1&#34;&gt;IconType type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type IconType = &amp;#39;mono&amp;#39; | &amp;#39;default&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IconType } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="icontype-type">IconType type&lt;/h2>
&lt;h3 id="icontype-type-1">IconType type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type IconType = &amp;#39;mono&amp;#39; | &amp;#39;default&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>IndentationPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/indentationplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/indentationplugin/</guid><content><![CDATA[&lt;h2 id=&#34;indentationplugin-function&#34;&gt;IndentationPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;indentationplugin-function-1&#34;&gt;IndentationPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function IndentationPlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { IndentationPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="indentationplugin-function">IndentationPlugin() function&lt;/h2>
&lt;h3 id="indentationplugin-function-1">IndentationPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function IndentationPlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { IndentationPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>InfoBox</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/infobox/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/infobox/</guid><content><![CDATA[&lt;h2 id=&#34;infobox-variable&#34;&gt;InfoBox variable&lt;/h2&gt;
&lt;h3 id=&#34;infobox-variable-1&#34;&gt;InfoBox variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InfoBox: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;InfoBoxProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InfoBox } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="infobox-variable">InfoBox variable&lt;/h2>
&lt;h3 id="infobox-variable-1">InfoBox variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InfoBox: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;InfoBoxProps &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { InfoBox } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>InlineField</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinefield/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinefield/</guid><content><![CDATA[&lt;h2 id=&#34;inlinefield-variable&#34;&gt;InlineField variable&lt;/h2&gt;
&lt;h3 id=&#34;inlinefield-variable-1&#34;&gt;InlineField variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineField: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineField } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlinefield-variable">InlineField variable&lt;/h2>
&lt;h3 id="inlinefield-variable-1">InlineField variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InlineField: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { InlineField } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>InlineFieldRow</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinefieldrow/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinefieldrow/</guid><content><![CDATA[&lt;h2 id=&#34;inlinefieldrow-variable&#34;&gt;InlineFieldRow variable&lt;/h2&gt;
&lt;h3 id=&#34;inlinefieldrow-variable-1&#34;&gt;InlineFieldRow variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineFieldRow: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineFieldRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlinefieldrow-variable">InlineFieldRow variable&lt;/h2>
&lt;h3 id="inlinefieldrow-variable-1">InlineFieldRow variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InlineFieldRow: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { InlineFieldRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>InlineFormLabel</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlineformlabel/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlineformlabel/</guid><content><![CDATA[&lt;h2 id=&#34;inlineformlabel-variable&#34;&gt;InlineFormLabel variable&lt;/h2&gt;
&lt;h3 id=&#34;inlineformlabel-variable-1&#34;&gt;InlineFormLabel variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineFormLabel: React.FunctionComponent&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineFormLabel } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlineformlabel-variable">InlineFormLabel variable&lt;/h2>
&lt;h3 id="inlineformlabel-variable-1">InlineFormLabel variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InlineFormLabel: React.FunctionComponent&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { InlineFormLabel } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>InlineLabel</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinelabel/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinelabel/</guid><content><![CDATA[&lt;h2 id=&#34;inlinelabel-variable&#34;&gt;InlineLabel variable&lt;/h2&gt;
&lt;h3 id=&#34;inlinelabel-variable-1&#34;&gt;InlineLabel variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineLabel: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineLabel } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlinelabel-variable">InlineLabel variable&lt;/h2>
&lt;h3 id="inlinelabel-variable-1">InlineLabel variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InlineLabel: FunctionComponent&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { InlineLabel } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>InlineSegmentGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinesegmentgroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlinesegmentgroup/</guid><content><![CDATA[&lt;h2 id=&#34;inlinesegmentgroup-variable&#34;&gt;InlineSegmentGroup variable&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;inlinesegmentgroup-variable-1&#34;&gt;InlineSegmentGroup variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineSegmentGroup: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineSegmentGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlinesegmentgroup-variable">InlineSegmentGroup variable&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>InlineSwitch</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlineswitch/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inlineswitch/</guid><content><![CDATA[&lt;h2 id=&#34;inlineswitch-variable&#34;&gt;InlineSwitch variable&lt;/h2&gt;
&lt;h3 id=&#34;inlineswitch-variable-1&#34;&gt;InlineSwitch variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InlineSwitch: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;InlineSwitchProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;transparent&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;showLabel&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InlineSwitch } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inlineswitch-variable">InlineSwitch variable&lt;/h2>
&lt;h3 id="inlineswitch-variable-1">InlineSwitch variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InlineSwitch: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;InlineSwitchProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;transparent&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;showLabel&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Input</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/input/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/input/</guid><content><![CDATA[&lt;h2 id=&#34;input-variable&#34;&gt;Input variable&lt;/h2&gt;
&lt;h3 id=&#34;input-variable-1&#34;&gt;Input variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Input: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;suffix&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;invalid&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;loading&amp;#34; | &amp;#34;addonBefore&amp;#34; | &amp;#34;addonAfter&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Input } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="input-variable">Input variable&lt;/h2>
&lt;h3 id="input-variable-1">Input variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Input: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;suffix&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;invalid&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;loading&amp;#34; | &amp;#34;addonBefore&amp;#34; | &amp;#34;addonAfter&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>InputActionMeta</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inputactionmeta/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inputactionmeta/</guid><content><![CDATA[&lt;h2 id=&#34;inputactionmeta-type&#34;&gt;InputActionMeta type&lt;/h2&gt;
&lt;h3 id=&#34;inputactionmeta-type-1&#34;&gt;InputActionMeta type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type InputActionMeta = {
    action: &amp;#39;set-value&amp;#39; | &amp;#39;input-change&amp;#39; | &amp;#39;input-blur&amp;#39; | &amp;#39;menu-close&amp;#39;;
};&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InputActionMeta } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inputactionmeta-type">InputActionMeta type&lt;/h2>
&lt;h3 id="inputactionmeta-type-1">InputActionMeta type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type InputActionMeta = {
action: &amp;#39;set-value&amp;#39; | &amp;#39;input-change&amp;#39; | &amp;#39;input-blur&amp;#39; | &amp;#39;menu-close&amp;#39;;
};&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>InputControl</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inputcontrol/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/inputcontrol/</guid><content><![CDATA[&lt;h2 id=&#34;inputcontrol-variable&#34;&gt;InputControl variable&lt;/h2&gt;
&lt;h3 id=&#34;inputcontrol-variable-1&#34;&gt;InputControl variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;InputControl: &amp;lt;TFieldValues extends import(&amp;#34;react-hook-form&amp;#34;).FieldValues = import(&amp;#34;react-hook-form&amp;#34;).FieldValues, TName extends import(&amp;#34;react-hook-form&amp;#34;).Path&amp;lt;TFieldValues&amp;gt; = import(&amp;#34;react-hook-form&amp;#34;).Path&amp;lt;TFieldValues&amp;gt;&amp;gt;(props: import(&amp;#34;react-hook-form&amp;#34;).ControllerProps&amp;lt;TFieldValues, TName&amp;gt;) =&amp;gt; import(&amp;#34;react&amp;#34;).ReactElement&amp;lt;any, string | import(&amp;#34;react&amp;#34;).JSXElementConstructor&amp;lt;any&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { InputControl } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="inputcontrol-variable">InputControl variable&lt;/h2>
&lt;h3 id="inputcontrol-variable-1">InputControl variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">InputControl: &amp;lt;TFieldValues extends import(&amp;#34;react-hook-form&amp;#34;).FieldValues = import(&amp;#34;react-hook-form&amp;#34;).FieldValues, TName extends import(&amp;#34;react-hook-form&amp;#34;).Path&amp;lt;TFieldValues&amp;gt; = import(&amp;#34;react-hook-form&amp;#34;).Path&amp;lt;TFieldValues&amp;gt;&amp;gt;(props: import(&amp;#34;react-hook-form&amp;#34;).ControllerProps&amp;lt;TFieldValues, TName&amp;gt;) =&amp;gt; import(&amp;#34;react&amp;#34;).ReactElement&amp;lt;any, string | import(&amp;#34;react&amp;#34;).JSXElementConstructor&amp;lt;any&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>JsonExplorer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/jsonexplorer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/jsonexplorer/</guid><content><![CDATA[&lt;h2 id=&#34;jsonexplorer-class&#34;&gt;JsonExplorer class&lt;/h2&gt;
&lt;p&gt;JsonExplorer&lt;/p&gt;
&lt;p&gt;JsonExplorer allows you to render JSON objects in HTML with a **collapsible** navigation.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class JsonExplorer &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { JsonExplorer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-jsonopenconfigkey&#34;&gt;constructor(json, open, config, key)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;JsonExplorer&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#json-property&#34;&gt;json&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#appendchildren-method&#34;&gt;appendChildren(animated)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Appends all the children to children element Animated option is used when user triggers this via a click&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isnumberarray-method&#34;&gt;isNumberArray()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#openatdepth-method&#34;&gt;openAtDepth(depth)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Open all children up to a certain depth. Allows actions such as expand all/collapse all&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#removechildren-method&#34;&gt;removeChildren(animated)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Removes all the children from children element Animated option is used when user triggers this via a click&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render(skipRoot)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Renders an HTML element and installs event listeners&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderarray-method&#34;&gt;renderArray()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#toggleopen-method&#34;&gt;toggleOpen()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Toggles &lt;code&gt;isOpen&lt;/code&gt; state&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorjson-open-config-key&#34;&gt;constructor(json, open, config, key)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;JsonExplorer&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(json: any, open?: number, config?: JsonExplorerConfig, key?: string | undefined);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;json&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The JSON object you want to render. It has to be an object or array. Do NOT pass raw JSON string.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;open&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;his number indicates up to how many levels the rendered tree should expand. Set it to &lt;code&gt;0&lt;/code&gt; to make the whole tree collapsed or set it to &lt;code&gt;Infinity&lt;/code&gt; to expand the tree deeply&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;config&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;JsonExplorerConfig&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;defaultConfig = { hoverPreviewEnabled: false, hoverPreviewArrayCount: 100, hoverPreviewFieldCount: 5 }&lt;!-- --&gt;Available configurations: #####Hover Preview * &lt;code&gt;hoverPreviewEnabled&lt;/code&gt;: enable preview on hover * &lt;code&gt;hoverPreviewArrayCount&lt;/code&gt;: number of array items to show in preview Any array larger than this number will be shown as &lt;code&gt;Array[XXX]&lt;/code&gt; where &lt;code&gt;XXX&lt;/code&gt; is length of the array. * &lt;code&gt;hoverPreviewFieldCount&lt;/code&gt;: number of object properties to show for object preview. Any object with more properties that thin number will be truncated.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;key&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string | undefined&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The key that this object in it&amp;rsquo;s parent context&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;json-property&#34;&gt;json property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;json: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;appendchildren-method&#34;&gt;appendChildren method&lt;/h3&gt;
&lt;p&gt;Appends all the children to children element Animated option is used when user triggers this via a click&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;appendChildren(animated?: boolean): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;animated&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;isnumberarray-method&#34;&gt;isNumberArray method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isNumberArray(): boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;openatdepth-method&#34;&gt;openAtDepth method&lt;/h3&gt;
&lt;p&gt;Open all children up to a certain depth. Allows actions such as expand all/collapse all&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;openAtDepth(depth?: number): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;depth&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;removechildren-method&#34;&gt;removeChildren method&lt;/h3&gt;
&lt;p&gt;Removes all the children from children element Animated option is used when user triggers this via a click&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;removeChildren(animated?: boolean): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;animated&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;Renders an HTML element and installs event listeners&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(skipRoot?: boolean): HTMLDivElement;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;skipRoot&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;HTMLDivElement&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;{&lt;!-- --&gt;HTMLDivElement&lt;!-- --&gt;}&lt;/p&gt;
&lt;h3 id=&#34;renderarray-method&#34;&gt;renderArray method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderArray(): Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Element&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;toggleopen-method&#34;&gt;toggleOpen method&lt;/h3&gt;
&lt;p&gt;Toggles &lt;code&gt;isOpen&lt;/code&gt; state&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;toggleOpen(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="jsonexplorer-class">JsonExplorer class&lt;/h2>
&lt;p>JsonExplorer&lt;/p>
&lt;p>JsonExplorer allows you to render JSON objects in HTML with a **collapsible** navigation.&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class JsonExplorer &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>JSONFormatter</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/jsonformatter/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/jsonformatter/</guid><content><![CDATA[&lt;h2 id=&#34;jsonformatter-class&#34;&gt;JSONFormatter class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class JSONFormatter extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { JSONFormatter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        open: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        config: {&lt;/code&gt;&lt;br/&gt;&lt;code&gt;            animateOpen: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        };&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#renderjson-property&#34;&gt;renderJson&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: {
        open: number;
        config: {
            animateOpen: boolean;
        };
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;renderjson-property&#34;&gt;renderJson property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderJson: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="jsonformatter-class">JSONFormatter class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class JSONFormatter extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { JSONFormatter } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Label</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/label/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/label/</guid><content><![CDATA[&lt;h2 id=&#34;label-variable&#34;&gt;Label variable&lt;/h2&gt;
&lt;h3 id=&#34;label-variable-1&#34;&gt;Label variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Label: React.FC&amp;lt;LabelProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Label } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="label-variable">Label variable&lt;/h2>
&lt;h3 id="label-variable-1">Label variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Label: React.FC&amp;lt;LabelProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Label } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>LegacyForms</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legacyforms/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legacyforms/</guid><content><![CDATA[&lt;h2 id=&#34;legacyforms-variable&#34;&gt;LegacyForms variable&lt;/h2&gt;
&lt;h3 id=&#34;legacyforms-variable-1&#34;&gt;LegacyForms variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LegacyForms: {
    SecretFormField: import(&amp;#34;react&amp;#34;).FunctionComponent&amp;lt;import(&amp;#34;./SecretFormField/SecretFormField&amp;#34;).Props&amp;gt;;
    FormField: import(&amp;#34;react&amp;#34;).FunctionComponent&amp;lt;import(&amp;#34;./FormField/FormField&amp;#34;).Props&amp;gt;;
    Select: typeof Select;
    AsyncSelect: typeof AsyncSelect;
    IndicatorsContainer: (props: any) =&amp;gt; JSX.Element;
    NoOptionsMessage: &amp;lt;T extends unknown&amp;gt;(props: import(&amp;#34;./Forms/Legacy/Select/NoOptionsMessage&amp;#34;).Props&amp;lt;T&amp;gt;) =&amp;gt; JSX.Element;
    Input: typeof Input;
    Switch: typeof Switch;
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LegacyForms } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="legacyforms-variable">LegacyForms variable&lt;/h2>
&lt;h3 id="legacyforms-variable-1">LegacyForms variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LegacyForms: {
SecretFormField: import(&amp;#34;react&amp;#34;).FunctionComponent&amp;lt;import(&amp;#34;./SecretFormField/SecretFormField&amp;#34;).Props&amp;gt;;
FormField: import(&amp;#34;react&amp;#34;).FunctionComponent&amp;lt;import(&amp;#34;./FormField/FormField&amp;#34;).Props&amp;gt;;
Select: typeof Select;
AsyncSelect: typeof AsyncSelect;
IndicatorsContainer: (props: any) =&amp;gt; JSX.Element;
NoOptionsMessage: &amp;lt;T extends unknown&amp;gt;(props: import(&amp;#34;./Forms/Legacy/Select/NoOptionsMessage&amp;#34;).Props&amp;lt;T&amp;gt;) =&amp;gt; JSX.Element;
Input: typeof Input;
Switch: typeof Switch;
}&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>LegacyInputStatus</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legacyinputstatus/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legacyinputstatus/</guid><content><![CDATA[&lt;h2 id=&#34;legacyinputstatus-enum&#34;&gt;LegacyInputStatus enum&lt;/h2&gt;
&lt;h3 id=&#34;legacyinputstatus-enum-1&#34;&gt;LegacyInputStatus enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum LegacyInputStatus &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LegacyInputStatus } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Invalid&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;invalid&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Valid&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;valid&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="legacyinputstatus-enum">LegacyInputStatus enum&lt;/h2>
&lt;h3 id="legacyinputstatus-enum-1">LegacyInputStatus enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum LegacyInputStatus &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { LegacyInputStatus } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Invalid&lt;/td>
&lt;td>&lt;code>&amp;quot;invalid&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Valid&lt;/td>
&lt;td>&lt;code>&amp;quot;valid&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>Legend</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legend/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/legend/</guid><content><![CDATA[&lt;h2 id=&#34;legend-variable&#34;&gt;Legend variable&lt;/h2&gt;
&lt;h3 id=&#34;legend-variable-1&#34;&gt;Legend variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Legend: React.FC&amp;lt;LabelProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Legend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="legend-variable">Legend variable&lt;/h2>
&lt;h3 id="legend-variable-1">Legend variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Legend: React.FC&amp;lt;LabelProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Legend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>LinkButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/linkbutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/linkbutton/</guid><content><![CDATA[&lt;h2 id=&#34;linkbutton-variable&#34;&gt;LinkButton variable&lt;/h2&gt;
&lt;h3 id=&#34;linkbutton-variable-1&#34;&gt;LinkButton variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LinkButton: React.ForwardRefExoticComponent&amp;lt;CommonProps &amp;amp; React.ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt; &amp;amp; React.AnchorHTMLAttributes&amp;lt;HTMLAnchorElement&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLAnchorElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LinkButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="linkbutton-variable">LinkButton variable&lt;/h2>
&lt;h3 id="linkbutton-variable-1">LinkButton variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LinkButton: React.ForwardRefExoticComponent&amp;lt;CommonProps &amp;amp; React.ButtonHTMLAttributes&amp;lt;HTMLButtonElement&amp;gt; &amp;amp; React.AnchorHTMLAttributes&amp;lt;HTMLAnchorElement&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLAnchorElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>linkModelToContextMenuItems</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/linkmodeltocontextmenuitems/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/linkmodeltocontextmenuitems/</guid><content><![CDATA[&lt;h2 id=&#34;linkmodeltocontextmenuitems-variable&#34;&gt;linkModelToContextMenuItems variable&lt;/h2&gt;
&lt;h3 id=&#34;linkmodeltocontextmenuitems-variable-1&#34;&gt;linkModelToContextMenuItems variable&lt;/h3&gt;
&lt;p&gt;Delays creating links until we need to open the ContextMenu&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;linkModelToContextMenuItems: (links: () =&amp;gt; LinkModel[]) =&amp;gt; MenuItemProps[]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { linkModelToContextMenuItems } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="linkmodeltocontextmenuitems-variable">linkModelToContextMenuItems variable&lt;/h2>
&lt;h3 id="linkmodeltocontextmenuitems-variable-1">linkModelToContextMenuItems variable&lt;/h3>
&lt;p>Delays creating links until we need to open the ContextMenu&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">linkModelToContextMenuItems: (links: () =&amp;gt; LinkModel[]) =&amp;gt; MenuItemProps[]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>List</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/list/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/list/</guid><content><![CDATA[&lt;h2 id=&#34;list-class&#34;&gt;List class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class List&amp;lt;T&amp;gt; extends React.PureComponent&amp;lt;ListProps&amp;lt;T&amp;gt;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { List } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="list-class">List class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class List&amp;lt;T&amp;gt; extends React.PureComponent&amp;lt;ListProps&amp;lt;T&amp;gt;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { List } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Methods&lt;/b>&lt;/p></description></item><item><title>listItem</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/listitem/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/listitem/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinslistitem-function&#34;&gt;styleMixins.listItem() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinslistitem-function-1&#34;&gt;styleMixins.listItem() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function listItem(theme: GrafanaTheme2): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { listItem } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinslistitem-function">styleMixins.listItem() function&lt;/h2>
&lt;h3 id="stylemixinslistitem-function-1">styleMixins.listItem() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function listItem(theme: GrafanaTheme2): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { listItem } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>listItemSelected</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/listitemselected/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/listitemselected/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinslistitemselected-function&#34;&gt;styleMixins.listItemSelected() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinslistitemselected-function-1&#34;&gt;styleMixins.listItemSelected() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function listItemSelected(theme: GrafanaTheme2): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { listItemSelected } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinslistitemselected-function">styleMixins.listItemSelected() function&lt;/h2>
&lt;h3 id="stylemixinslistitemselected-function-1">styleMixins.listItemSelected() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function listItemSelected(theme: GrafanaTheme2): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { listItemSelected } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>LoadingPlaceholder</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loadingplaceholder/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loadingplaceholder/</guid><content><![CDATA[&lt;h2 id=&#34;loadingplaceholder-variable&#34;&gt;LoadingPlaceholder variable&lt;/h2&gt;
&lt;h3 id=&#34;loadingplaceholder-variable-1&#34;&gt;LoadingPlaceholder variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LoadingPlaceholder: SFC&amp;lt;LoadingPlaceholderProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LoadingPlaceholder } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="loadingplaceholder-variable">LoadingPlaceholder variable&lt;/h2>
&lt;h3 id="loadingplaceholder-variable-1">LoadingPlaceholder variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LoadingPlaceholder: SFC&amp;lt;LoadingPlaceholderProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { LoadingPlaceholder } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>LoadingPlaceholderProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loadingplaceholderprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loadingplaceholderprops/</guid><content><![CDATA[&lt;h2 id=&#34;loadingplaceholderprops-interface&#34;&gt;LoadingPlaceholderProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface LoadingPlaceholderProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LoadingPlaceholderProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#text-property&#34;&gt;text&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;text-property&#34;&gt;text property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;text: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="loadingplaceholderprops-interface">LoadingPlaceholderProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface LoadingPlaceholderProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { LoadingPlaceholderProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>LogLabels</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loglabels/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/loglabels/</guid><content><![CDATA[&lt;h2 id=&#34;loglabels-variable&#34;&gt;LogLabels variable&lt;/h2&gt;
&lt;h3 id=&#34;loglabels-variable-1&#34;&gt;LogLabels variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LogLabels: React.FunctionComponent&amp;lt;{
    labels: Labels;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LogLabels } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="loglabels-variable">LogLabels variable&lt;/h2>
&lt;h3 id="loglabels-variable-1">LogLabels variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LogLabels: React.FunctionComponent&amp;lt;{
labels: Labels;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { LogLabels } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>LogMessageAnsi</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/logmessageansi/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/logmessageansi/</guid><content><![CDATA[&lt;h2 id=&#34;logmessageansi-variable&#34;&gt;LogMessageAnsi variable&lt;/h2&gt;
&lt;h3 id=&#34;logmessageansi-variable-1&#34;&gt;LogMessageAnsi variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LogMessageAnsi: React.FunctionComponent&amp;lt;{
    value: string;
    highlight?: {
        searchWords: string[];
        highlightClassName: string;
    } | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LogMessageAnsi } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="logmessageansi-variable">LogMessageAnsi variable&lt;/h2>
&lt;h3 id="logmessageansi-variable-1">LogMessageAnsi variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LogMessageAnsi: React.FunctionComponent&amp;lt;{
value: string;
highlight?: {
searchWords: string[];
highlightClassName: string;
} | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>LogRows</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/logrows/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/logrows/</guid><content><![CDATA[&lt;h2 id=&#34;logrows-variable&#34;&gt;LogRows variable&lt;/h2&gt;
&lt;h3 id=&#34;logrows-variable-1&#34;&gt;LogRows variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;LogRows: React.FunctionComponent&amp;lt;{
    timeZone: TimeZone;
    getRowContext?: ((row: LogRowModel, options?: RowContextOptions | undefined) =&amp;gt; Promise&amp;lt;any&amp;gt;) | undefined;
    logsSortOrder?: LogsSortOrder | null | undefined;
    wrapLogMessage: boolean;
    prettifyLogMessage: boolean;
    showContextToggle?: ((row?: LogRowModel | undefined) =&amp;gt; boolean) | undefined;
    onClickFilterLabel?: ((key: string, value: string) =&amp;gt; void) | undefined;
    onClickFilterOutLabel?: ((key: string, value: string) =&amp;gt; void) | undefined;
    showDetectedFields?: string[] | undefined;
    onClickShowDetectedField?: ((key: string) =&amp;gt; void) | undefined;
    onClickHideDetectedField?: ((key: string) =&amp;gt; void) | undefined;
    getFieldLinks?: ((field: Field, rowIndex: number) =&amp;gt; Array&amp;lt;LinkModel&amp;lt;Field&amp;gt;&amp;gt;) | undefined;
    forceEscape?: boolean | undefined;
    enableLogDetails: boolean;
    showTime: boolean;
    showLabels: boolean;
    onLogRowHover?: ((row?: LogRowModel | undefined) =&amp;gt; void) | undefined;
    logRows?: LogRowModel[] | undefined;
    deduplicatedRows?: LogRowModel[] | undefined;
    dedupStrategy: LogsDedupStrategy;
    previewLimit?: number | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { LogRows } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="logrows-variable">LogRows variable&lt;/h2>
&lt;h3 id="logrows-variable-1">LogRows variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">LogRows: React.FunctionComponent&amp;lt;{
timeZone: TimeZone;
getRowContext?: ((row: LogRowModel, options?: RowContextOptions | undefined) =&amp;gt; Promise&amp;lt;any&amp;gt;) | undefined;
logsSortOrder?: LogsSortOrder | null | undefined;
wrapLogMessage: boolean;
prettifyLogMessage: boolean;
showContextToggle?: ((row?: LogRowModel | undefined) =&amp;gt; boolean) | undefined;
onClickFilterLabel?: ((key: string, value: string) =&amp;gt; void) | undefined;
onClickFilterOutLabel?: ((key: string, value: string) =&amp;gt; void) | undefined;
showDetectedFields?: string[] | undefined;
onClickShowDetectedField?: ((key: string) =&amp;gt; void) | undefined;
onClickHideDetectedField?: ((key: string) =&amp;gt; void) | undefined;
getFieldLinks?: ((field: Field, rowIndex: number) =&amp;gt; Array&amp;lt;LinkModel&amp;lt;Field&amp;gt;&amp;gt;) | undefined;
forceEscape?: boolean | undefined;
enableLogDetails: boolean;
showTime: boolean;
showLabels: boolean;
onLogRowHover?: ((row?: LogRowModel | undefined) =&amp;gt; void) | undefined;
logRows?: LogRowModel[] | undefined;
deduplicatedRows?: LogRowModel[] | undefined;
dedupStrategy: LogsDedupStrategy;
previewLimit?: number | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>makeFragment</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/makefragment/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/makefragment/</guid><content><![CDATA[&lt;h2 id=&#34;makefragment-variable&#34;&gt;makeFragment variable&lt;/h2&gt;
&lt;h3 id=&#34;makefragment-variable-1&#34;&gt;makeFragment variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;makeFragment: (text: string, syntax?: string | undefined) =&amp;gt; Document&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { makeFragment } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="makefragment-variable">makeFragment variable&lt;/h2>
&lt;h3 id="makefragment-variable-1">makeFragment variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">makeFragment: (text: string, syntax?: string | undefined) =&amp;gt; Document&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>makeValue</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/makevalue/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/makevalue/</guid><content><![CDATA[&lt;h2 id=&#34;makevalue-variable&#34;&gt;makeValue variable&lt;/h2&gt;
&lt;h3 id=&#34;makevalue-variable-1&#34;&gt;makeValue variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;makeValue: (text: string, syntax?: string | undefined) =&amp;gt; Value&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { makeValue } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="makevalue-variable">makeValue variable&lt;/h2>
&lt;h3 id="makevalue-variable-1">makeValue variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">makeValue: (text: string, syntax?: string | undefined) =&amp;gt; Value&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Marker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/marker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/marker/</guid><content><![CDATA[&lt;h2 id=&#34;marker-variable&#34;&gt;Marker variable&lt;/h2&gt;
&lt;h3 id=&#34;marker-variable-1&#34;&gt;Marker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Marker: React.FC&amp;lt;MarkerProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Marker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="marker-variable">Marker variable&lt;/h2>
&lt;h3 id="marker-variable-1">Marker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Marker: React.FC&amp;lt;MarkerProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Marker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>measureText</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/measuretext/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/measuretext/</guid><content><![CDATA[&lt;h2 id=&#34;measuretext-function&#34;&gt;measureText() function&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;measuretext-function-1&#34;&gt;measureText() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function measureText(text: string, fontSize: number): TextMetrics;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { measureText } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;text&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;fontSize&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;TextMetrics&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="measuretext-function">measureText() function&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>mediaUp</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/mediaup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/mediaup/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixinsmediaup-function&#34;&gt;styleMixins.mediaUp() function&lt;/h2&gt;
&lt;h3 id=&#34;stylemixinsmediaup-function-1&#34;&gt;styleMixins.mediaUp() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function mediaUp(breakpoint: string): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { mediaUp } = styleMixins;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;breakpoint&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylemixinsmediaup-function">styleMixins.mediaUp() function&lt;/h2>
&lt;h3 id="stylemixinsmediaup-function-1">styleMixins.mediaUp() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function mediaUp(breakpoint: string): string;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;
const { mediaUp } = styleMixins;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>mockTheme</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/mocktheme/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/mocktheme/</guid><content><![CDATA[&lt;h2 id=&#34;mocktheme-variable&#34;&gt;mockTheme variable&lt;/h2&gt;
&lt;h3 id=&#34;mocktheme-variable-1&#34;&gt;mockTheme variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;mockTheme: (mock: (name?: string | undefined) =&amp;gt; GrafanaTheme) =&amp;gt; () =&amp;gt; void&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { mockTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="mocktheme-variable">mockTheme variable&lt;/h2>
&lt;h3 id="mocktheme-variable-1">mockTheme variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">mockTheme: (mock: (name?: string | undefined) =&amp;gt; GrafanaTheme) =&amp;gt; () =&amp;gt; void&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>mockThemeContext</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/mockthemecontext/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/mockthemecontext/</guid><content><![CDATA[&lt;h2 id=&#34;mockthemecontext-variable&#34;&gt;mockThemeContext variable&lt;/h2&gt;
&lt;h3 id=&#34;mockthemecontext-variable-1&#34;&gt;mockThemeContext variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;mockThemeContext: (theme: Partial&amp;lt;GrafanaTheme2&amp;gt;) =&amp;gt; () =&amp;gt; void&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { mockThemeContext } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="mockthemecontext-variable">mockThemeContext variable&lt;/h2>
&lt;h3 id="mockthemecontext-variable-1">mockThemeContext variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">mockThemeContext: (theme: Partial&amp;lt;GrafanaTheme2&amp;gt;) =&amp;gt; () =&amp;gt; void&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { mockThemeContext } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Modal</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modal/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modal/</guid><content><![CDATA[&lt;h2 id=&#34;modal-namespace&#34;&gt;Modal namespace&lt;/h2&gt;
&lt;h3 id=&#34;modal-namespace-1&#34;&gt;Modal namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare namespace Modal &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Modal } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;variables&#34;&gt;Variables&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Variable&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./buttonrow/&#34;&gt;ButtonRow&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="modal-namespace">Modal namespace&lt;/h2>
&lt;h3 id="modal-namespace-1">Modal namespace&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare namespace Modal &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Modal } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="variables">Variables&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Variable&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;a href="./buttonrow/">ButtonRow&lt;/a>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>ModalRoot</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalroot/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalroot/</guid><content><![CDATA[&lt;h2 id=&#34;modalroot-variable&#34;&gt;ModalRoot variable&lt;/h2&gt;
&lt;h3 id=&#34;modalroot-variable-1&#34;&gt;ModalRoot variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ModalRoot: () =&amp;gt; JSX.Element&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ModalRoot } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="modalroot-variable">ModalRoot variable&lt;/h2>
&lt;h3 id="modalroot-variable-1">ModalRoot variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ModalRoot: () =&amp;gt; JSX.Element&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ModalRoot } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ModalsController</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalscontroller/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalscontroller/</guid><content><![CDATA[&lt;h2 id=&#34;modalscontroller-variable&#34;&gt;ModalsController variable&lt;/h2&gt;
&lt;h3 id=&#34;modalscontroller-variable-1&#34;&gt;ModalsController variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ModalsController: React.Consumer&amp;lt;ModalsContextState&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ModalsController } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="modalscontroller-variable">ModalsController variable&lt;/h2>
&lt;h3 id="modalscontroller-variable-1">ModalsController variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ModalsController: React.Consumer&amp;lt;ModalsContextState&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ModalsController } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ModalsProvider</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalsprovider/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modalsprovider/</guid><content><![CDATA[&lt;h2 id=&#34;modalsprovider-class&#34;&gt;ModalsProvider class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class ModalsProvider extends React.Component&amp;lt;ModalsProviderProps, ModalsContextState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ModalsProvider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;ModalsProvider&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#hidemodal-property&#34;&gt;hideModal&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#showmodal-property&#34;&gt;showModal&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(component: React.ComponentType&amp;lt;any&amp;gt;, props: any) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;ModalsProvider&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: ModalsProviderProps);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ModalsProviderProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;hidemodal-property&#34;&gt;hideModal property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hideModal: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;showmodal-property&#34;&gt;showModal property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;showModal: (component: React.ComponentType&amp;lt;any&amp;gt;, props: any) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="modalsprovider-class">ModalsProvider class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class ModalsProvider extends React.Component&amp;lt;ModalsProviderProps, ModalsContextState&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ModalsProvider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>ModalTabsHeader</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modaltabsheader/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/modaltabsheader/</guid><content><![CDATA[&lt;h2 id=&#34;modaltabsheader-variable&#34;&gt;ModalTabsHeader variable&lt;/h2&gt;
&lt;h3 id=&#34;modaltabsheader-variable-1&#34;&gt;ModalTabsHeader variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ModalTabsHeader: React.FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ModalTabsHeader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="modaltabsheader-variable">ModalTabsHeader variable&lt;/h2>
&lt;h3 id="modaltabsheader-variable-1">ModalTabsHeader variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ModalTabsHeader: React.FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ModalTabsHeader } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Monaco</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/monaco/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/monaco/</guid><content><![CDATA[&lt;h2 id=&#34;monaco-type&#34;&gt;Monaco type&lt;/h2&gt;
&lt;h3 id=&#34;monaco-type-1&#34;&gt;Monaco type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type Monaco = typeof monacoType;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Monaco } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="monaco-type">Monaco type&lt;/h2>
&lt;h3 id="monaco-type-1">Monaco type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type Monaco = typeof monacoType;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Monaco } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>MonacoEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/monacoeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/monacoeditor/</guid><content><![CDATA[&lt;h2 id=&#34;monacoeditor-type&#34;&gt;MonacoEditor type&lt;/h2&gt;
&lt;h3 id=&#34;monacoeditor-type-1&#34;&gt;MonacoEditor type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type MonacoEditor = monacoType.editor.IStandaloneCodeEditor;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { MonacoEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="monacoeditor-type">MonacoEditor type&lt;/h2>
&lt;h3 id="monacoeditor-type-1">MonacoEditor type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type MonacoEditor = monacoType.editor.IStandaloneCodeEditor;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { MonacoEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>MultiSelect</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/multiselect/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/multiselect/</guid><content><![CDATA[&lt;h2 id=&#34;multiselect-function&#34;&gt;MultiSelect() function&lt;/h2&gt;
&lt;h3 id=&#34;multiselect-function-1&#34;&gt;MultiSelect() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function MultiSelect&amp;lt;T&amp;gt;(props: MultiSelectCommonProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { MultiSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;MultiSelectCommonProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="multiselect-function">MultiSelect() function&lt;/h2>
&lt;h3 id="multiselect-function-1">MultiSelect() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function MultiSelect&amp;lt;T&amp;gt;(props: MultiSelectCommonProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { MultiSelect } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>MultiSelectCommonProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/multiselectcommonprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/multiselectcommonprops/</guid><content><![CDATA[&lt;h2 id=&#34;multiselectcommonprops-interface&#34;&gt;MultiSelectCommonProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface MultiSelectCommonProps&amp;lt;T&amp;gt; extends Omit&amp;lt;SelectCommonProps&amp;lt;T&amp;gt;, &amp;#39;onChange&amp;#39; | &amp;#39;isMulti&amp;#39; | &amp;#39;value&amp;#39;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { MultiSelectCommonProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(item: Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;) =&amp;gt; {} | void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt; | T[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (item: Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;) =&amp;gt; {} | void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt; | T[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="multiselectcommonprops-interface">MultiSelectCommonProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface MultiSelectCommonProps&amp;lt;T&amp;gt; extends Omit&amp;lt;SelectCommonProps&amp;lt;T&amp;gt;, &amp;#39;onChange&amp;#39; | &amp;#39;isMulti&amp;#39; | &amp;#39;value&amp;#39;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>NewlinePlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/newlineplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/newlineplugin/</guid><content><![CDATA[&lt;h2 id=&#34;newlineplugin-function&#34;&gt;NewlinePlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;newlineplugin-function-1&#34;&gt;NewlinePlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function NewlinePlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { NewlinePlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="newlineplugin-function">NewlinePlugin() function&lt;/h2>
&lt;h3 id="newlineplugin-function-1">NewlinePlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function NewlinePlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { NewlinePlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>NodeGraphDataFrameFieldNames</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/nodegraphdataframefieldnames/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/nodegraphdataframefieldnames/</guid><content><![CDATA[&lt;h2 id=&#34;nodegraphdataframefieldnames-enum&#34;&gt;NodeGraphDataFrameFieldNames enum&lt;/h2&gt;
&lt;h3 id=&#34;nodegraphdataframefieldnames-enum-1&#34;&gt;NodeGraphDataFrameFieldNames enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum NodeGraphDataFrameFieldNames &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { NodeGraphDataFrameFieldNames } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;arc&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;arc__&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;color&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;color&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;detail&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;detail__&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;id&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;id&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;mainStat&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;mainStat&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;secondaryStat&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;secondaryStat&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;source&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;source&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;subTitle&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;subTitle&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;target&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;target&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;title&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;quot;title&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="nodegraphdataframefieldnames-enum">NodeGraphDataFrameFieldNames enum&lt;/h2>
&lt;h3 id="nodegraphdataframefieldnames-enum-1">NodeGraphDataFrameFieldNames enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum NodeGraphDataFrameFieldNames &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { NodeGraphDataFrameFieldNames } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>arc&lt;/td>
&lt;td>&lt;code>&amp;quot;arc__&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>color&lt;/td>
&lt;td>&lt;code>&amp;quot;color&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>detail&lt;/td>
&lt;td>&lt;code>&amp;quot;detail__&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>id&lt;/td>
&lt;td>&lt;code>&amp;quot;id&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>mainStat&lt;/td>
&lt;td>&lt;code>&amp;quot;mainStat&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>secondaryStat&lt;/td>
&lt;td>&lt;code>&amp;quot;secondaryStat&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>source&lt;/td>
&lt;td>&lt;code>&amp;quot;source&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>subTitle&lt;/td>
&lt;td>&lt;code>&amp;quot;subTitle&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>target&lt;/td>
&lt;td>&lt;code>&amp;quot;target&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>title&lt;/td>
&lt;td>&lt;code>&amp;quot;title&amp;quot;&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>NumberValueEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/numbervalueeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/numbervalueeditor/</guid><content><![CDATA[&lt;h2 id=&#34;numbervalueeditor-variable&#34;&gt;NumberValueEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;numbervalueeditor-variable-1&#34;&gt;NumberValueEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;NumberValueEditor: React.FC&amp;lt;FieldConfigEditorProps&amp;lt;number, NumberFieldConfigSettings&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { NumberValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="numbervalueeditor-variable">NumberValueEditor variable&lt;/h2>
&lt;h3 id="numbervalueeditor-variable-1">NumberValueEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">NumberValueEditor: React.FC&amp;lt;FieldConfigEditorProps&amp;lt;number, NumberFieldConfigSettings&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { NumberValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>OnTagClick</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/ontagclick/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/ontagclick/</guid><content><![CDATA[&lt;h2 id=&#34;ontagclick-type&#34;&gt;OnTagClick type&lt;/h2&gt;
&lt;h3 id=&#34;ontagclick-type-1&#34;&gt;OnTagClick type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type OnTagClick = (name: string, event: React.MouseEvent&amp;lt;HTMLElement&amp;gt;) =&amp;gt; any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { OnTagClick } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="ontagclick-type">OnTagClick type&lt;/h2>
&lt;h3 id="ontagclick-type-1">OnTagClick type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type OnTagClick = (name: string, event: React.MouseEvent&amp;lt;HTMLElement&amp;gt;) =&amp;gt; any;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Pagination</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pagination/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pagination/</guid><content><![CDATA[&lt;h2 id=&#34;pagination-variable&#34;&gt;Pagination variable&lt;/h2&gt;
&lt;h3 id=&#34;pagination-variable-1&#34;&gt;Pagination variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Pagination: React.FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Pagination } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="pagination-variable">Pagination variable&lt;/h2>
&lt;h3 id="pagination-variable-1">Pagination variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Pagination: React.FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Pagination } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>PanelContextRoot</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/panelcontextroot/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/panelcontextroot/</guid><content><![CDATA[&lt;h2 id=&#34;panelcontextroot-variable&#34;&gt;PanelContextRoot variable&lt;/h2&gt;
&lt;h3 id=&#34;panelcontextroot-variable-1&#34;&gt;PanelContextRoot variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;PanelContextRoot: React.Context&amp;lt;PanelContext&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PanelContextRoot } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="panelcontextroot-variable">PanelContextRoot variable&lt;/h2>
&lt;h3 id="panelcontextroot-variable-1">PanelContextRoot variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">PanelContextRoot: React.Context&amp;lt;PanelContext&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PanelContextRoot } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>PlotLegend</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/plotlegend/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/plotlegend/</guid><content><![CDATA[&lt;h2 id=&#34;plotlegend-variable&#34;&gt;PlotLegend variable&lt;/h2&gt;
&lt;h3 id=&#34;plotlegend-variable-1&#34;&gt;PlotLegend variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;PlotLegend: React.FC&amp;lt;PlotLegendProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PlotLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="plotlegend-variable">PlotLegend variable&lt;/h2>
&lt;h3 id="plotlegend-variable-1">PlotLegend variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">PlotLegend: React.FC&amp;lt;PlotLegendProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PlotLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>PlotSelection</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/plotselection/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/plotselection/</guid><content><![CDATA[&lt;h2 id=&#34;plotselection-interface&#34;&gt;PlotSelection interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface PlotSelection &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PlotSelection } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#bbox-property&#34;&gt;bbox&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        top: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        left: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        width: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        height: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#max-property&#34;&gt;max&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#min-property&#34;&gt;min&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;bbox-property&#34;&gt;bbox property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;bbox: {
        top: number;
        left: number;
        width: number;
        height: number;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;max-property&#34;&gt;max property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;max: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;min-property&#34;&gt;min property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;min: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="plotselection-interface">PlotSelection interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface PlotSelection &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PlotSelection } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>PluginSignatureBadge</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pluginsignaturebadge/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pluginsignaturebadge/</guid><content><![CDATA[&lt;h2 id=&#34;pluginsignaturebadge-variable&#34;&gt;PluginSignatureBadge variable&lt;/h2&gt;
&lt;h3 id=&#34;pluginsignaturebadge-variable-1&#34;&gt;PluginSignatureBadge variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;PluginSignatureBadge: React.FC&amp;lt;PluginSignatureBadgeProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PluginSignatureBadge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="pluginsignaturebadge-variable">PluginSignatureBadge variable&lt;/h2>
&lt;h3 id="pluginsignaturebadge-variable-1">PluginSignatureBadge variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">PluginSignatureBadge: React.FC&amp;lt;PluginSignatureBadgeProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PluginSignatureBadge } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>PluginSignatureBadgeProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pluginsignaturebadgeprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/pluginsignaturebadgeprops/</guid><content><![CDATA[&lt;h2 id=&#34;pluginsignaturebadgeprops-interface&#34;&gt;PluginSignatureBadgeProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface PluginSignatureBadgeProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PluginSignatureBadgeProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#status-property&#34;&gt;status&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PluginSignatureStatus&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;status-property&#34;&gt;status property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;status?: PluginSignatureStatus;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="pluginsignaturebadgeprops-interface">PluginSignatureBadgeProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface PluginSignatureBadgeProps extends HTMLAttributes&amp;lt;HTMLDivElement&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PluginSignatureBadgeProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Popover</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popover/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popover/</guid><content><![CDATA[&lt;h2 id=&#34;popover-class&#34;&gt;Popover class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;declare class Popover extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Popover } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="popover-class">Popover class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">declare class Popover extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Popover } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Methods&lt;/b>&lt;/p></description></item><item><title>PopoverContent</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popovercontent/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popovercontent/</guid><content><![CDATA[&lt;h2 id=&#34;popovercontent-type&#34;&gt;PopoverContent type&lt;/h2&gt;
&lt;h3 id=&#34;popovercontent-type-1&#34;&gt;PopoverContent type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type PopoverContent = string | React.ReactElement&amp;lt;any&amp;gt; | ((props: PopoverContentProps) =&amp;gt; JSX.Element);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PopoverContent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="popovercontent-type">PopoverContent type&lt;/h2>
&lt;h3 id="popovercontent-type-1">PopoverContent type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type PopoverContent = string | React.ReactElement&amp;lt;any&amp;gt; | ((props: PopoverContentProps) =&amp;gt; JSX.Element);&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>PopoverController</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popovercontroller/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/popovercontroller/</guid><content><![CDATA[&lt;h2 id=&#34;popovercontroller-class&#34;&gt;PopoverController class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;declare class PopoverController extends React.Component&amp;lt;Props, State&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { PopoverController } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#hidepopper-property&#34;&gt;hidePopper&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#showpopper-property&#34;&gt;showPopper&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        show: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;hidepopper-property&#34;&gt;hidePopper property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hidePopper: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;showpopper-property&#34;&gt;showPopper property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;showPopper: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;state: {
        show: boolean;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="popovercontroller-class">PopoverController class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">declare class PopoverController extends React.Component&amp;lt;Props, State&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { PopoverController } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Portal</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/portal/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/portal/</guid><content><![CDATA[&lt;h2 id=&#34;portal-function&#34;&gt;Portal() function&lt;/h2&gt;
&lt;h3 id=&#34;portal-function-1&#34;&gt;Portal() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function Portal(props: PropsWithChildren&amp;lt;Props&amp;gt;): import(&amp;#34;react&amp;#34;).ReactPortal;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Portal } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PropsWithChildren&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;import(&amp;quot;react&amp;quot;).ReactPortal&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="portal-function">Portal() function&lt;/h2>
&lt;h3 id="portal-function-1">Portal() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function Portal(props: PropsWithChildren&amp;lt;Props&amp;gt;): import(&amp;#34;react&amp;#34;).ReactPortal;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Portal } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>preparePlotFrame</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/prepareplotframe/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/prepareplotframe/</guid><content><![CDATA[&lt;h2 id=&#34;prepareplotframe-function&#34;&gt;preparePlotFrame() function&lt;/h2&gt;
&lt;h3 id=&#34;prepareplotframe-function-1&#34;&gt;preparePlotFrame() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function preparePlotFrame(frames: DataFrame[], dimFields: XYFieldMatchers, timeRange?: TimeRange | null): DataFrame | undefined;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { preparePlotFrame } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;frames&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DataFrame[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;dimFields&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;XYFieldMatchers&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;timeRange&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeRange | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;DataFrame | undefined&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="prepareplotframe-function">preparePlotFrame() function&lt;/h2>
&lt;h3 id="prepareplotframe-function-1">preparePlotFrame() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function preparePlotFrame(frames: DataFrame[], dimFields: XYFieldMatchers, timeRange?: TimeRange | null): DataFrame | undefined;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>QueryField</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/queryfield/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/queryfield/</guid><content><![CDATA[&lt;h2 id=&#34;queryfield-class&#34;&gt;QueryField class&lt;/h2&gt;
&lt;p&gt;Renders an editor field. Pass initial value as initialQuery and listen to changes in props.onValueChanged. This component can only process strings. Internally it uses Slate Value. Implement props.onTypeahead to use suggestions, see PromQueryField.tsx as an example.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class QueryField extends React.PureComponent&amp;lt;QueryFieldProps, QueryFieldState&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { QueryField } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-propscontext&#34;&gt;constructor(props, context)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;QueryField&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#editor-property&#34;&gt;editor&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Editor | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#handleblur-property&#34;&gt;handleBlur&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: Event, editor: CoreEditor, next: Function) =&amp;gt; any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;We need to handle blur events here mainly because of dashboard panels which expect to have query executed on blur.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#lastexecutedvalue-property&#34;&gt;lastExecutedValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Value | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#mounted-property&#34;&gt;mounted&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: Value, runQuery?: boolean | undefined) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Update local state, propagate change upstream and optionally run the query afterwards.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#plugins-property&#34;&gt;plugins&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Plugin[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#runonchange-property&#34;&gt;runOnChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#runonchangeandrunquery-property&#34;&gt;runOnChangeAndRunQuery&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#runonchangedebounced-property&#34;&gt;runOnChangeDebounced&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Function&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#runonrunquery-property&#34;&gt;runOnRunQuery&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#cleantext-method&#34;&gt;cleanText(text)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps, prevState)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentwillunmount-method&#34;&gt;componentWillUnmount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops-context&#34;&gt;constructor(props, context)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;QueryField&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: QueryFieldProps, context: Context&amp;lt;any&amp;gt;);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;QueryFieldProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;context&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Context&amp;lt;any&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;editor-property&#34;&gt;editor property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;editor: Editor | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;handleblur-property&#34;&gt;handleBlur property&lt;/h3&gt;
&lt;p&gt;We need to handle blur events here mainly because of dashboard panels which expect to have query executed on blur.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;handleBlur: (event: Event, editor: CoreEditor, next: Function) =&amp;gt; any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;lastexecutedvalue-property&#34;&gt;lastExecutedValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;lastExecutedValue: Value | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;mounted-property&#34;&gt;mounted property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;mounted: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;Update local state, propagate change upstream and optionally run the query afterwards.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: Value, runQuery?: boolean | undefined) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;plugins-property&#34;&gt;plugins property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;plugins: Plugin[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;runonchange-property&#34;&gt;runOnChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;runOnChange: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;runonchangeandrunquery-property&#34;&gt;runOnChangeAndRunQuery property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;runOnChangeAndRunQuery: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;runonchangedebounced-property&#34;&gt;runOnChangeDebounced property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;runOnChangeDebounced: Function;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;runonrunquery-property&#34;&gt;runOnRunQuery property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;runOnRunQuery: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;cleantext-method&#34;&gt;cleanText method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;cleanText(text: string): string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;text&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;string&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: QueryFieldProps, prevState: QueryFieldState): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;QueryFieldProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;prevState&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;QueryFieldState&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentwillunmount-method&#34;&gt;componentWillUnmount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentWillUnmount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="queryfield-class">QueryField class&lt;/h2>
&lt;p>Renders an editor field. Pass initial value as initialQuery and listen to changes in props.onValueChanged. This component can only process strings. Internally it uses Slate Value. Implement props.onTypeahead to use suggestions, see PromQueryField.tsx as an example.&lt;/p></description></item><item><title>RadioButtonGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/radiobuttongroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/radiobuttongroup/</guid><content><![CDATA[&lt;h2 id=&#34;radiobuttongroup-namespace&#34;&gt;RadioButtonGroup namespace&lt;/h2&gt;
&lt;h3 id=&#34;radiobuttongroup-namespace-1&#34;&gt;RadioButtonGroup namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare namespace RadioButtonGroup &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RadioButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;variables&#34;&gt;Variables&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Variable&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./displayname/&#34;&gt;displayName&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="radiobuttongroup-namespace">RadioButtonGroup namespace&lt;/h2>
&lt;h3 id="radiobuttongroup-namespace-1">RadioButtonGroup namespace&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare namespace RadioButtonGroup &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { RadioButtonGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="variables">Variables&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Variable&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;a href="./displayname/">displayName&lt;/a>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>RangeSlider</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/rangeslider/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/rangeslider/</guid><content><![CDATA[&lt;h2 id=&#34;rangeslider-variable&#34;&gt;RangeSlider variable&lt;/h2&gt;
&lt;h3 id=&#34;rangeslider-variable-1&#34;&gt;RangeSlider variable&lt;/h3&gt;
&lt;p&gt;RichHistoryQueriesTab uses this Range Component&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;RangeSlider: FunctionComponent&amp;lt;RangeSliderProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RangeSlider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="rangeslider-variable">RangeSlider variable&lt;/h2>
&lt;h3 id="rangeslider-variable-1">RangeSlider variable&lt;/h3>
&lt;p>RichHistoryQueriesTab uses this Range Component&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">RangeSlider: FunctionComponent&amp;lt;RangeSliderProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { RangeSlider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ReactUtils</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/</guid><content><![CDATA[&lt;h2 id=&#34;reactutils-namespace&#34;&gt;ReactUtils namespace&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;reactutils-namespace-1&#34;&gt;ReactUtils namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ReactUtils } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;functions&#34;&gt;Functions&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Function&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./getchildid/&#34;&gt;getChildId(children)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Returns the ID value of the first, and only, child element&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./renderorcalltorender/&#34;&gt;renderOrCallToRender(itemToRender, props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;Given react node or function returns element accordingly&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="reactutils-namespace">ReactUtils namespace&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>RefreshPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/refreshpicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/refreshpicker/</guid><content><![CDATA[&lt;h2 id=&#34;refreshpicker-class&#34;&gt;RefreshPicker class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class RefreshPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RefreshPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;RefreshPicker&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#islive-property&#34;&gt;isLive&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(refreshInterval?: string | undefined) =&amp;gt; boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#liveoption-property&#34;&gt;liveOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        label: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        value: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        ariaLabel: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#offoption-property&#34;&gt;offOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        label: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        value: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        ariaLabel: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchangeselect-property&#34;&gt;onChangeSelect&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(item: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getvariant-method&#34;&gt;getVariant()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;RefreshPicker&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: Props);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;islive-property&#34;&gt;isLive property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static isLive: (refreshInterval?: string | undefined) =&amp;gt; boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;liveoption-property&#34;&gt;liveOption property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static liveOption: {
        label: string;
        value: string;
        ariaLabel: string;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;offoption-property&#34;&gt;offOption property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static offOption: {
        label: string;
        value: string;
        ariaLabel: string;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchangeselect-property&#34;&gt;onChangeSelect property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChangeSelect: (item: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getvariant-method&#34;&gt;getVariant method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getVariant(): ToolbarButtonVariant;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;ToolbarButtonVariant&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="refreshpicker-class">RefreshPicker class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class RefreshPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { RefreshPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>regexValidation</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/regexvalidation/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/regexvalidation/</guid><content><![CDATA[&lt;h2 id=&#34;regexvalidation-variable&#34;&gt;regexValidation variable&lt;/h2&gt;
&lt;h3 id=&#34;regexvalidation-variable-1&#34;&gt;regexValidation variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;regexValidation: (pattern: string | RegExp, errorMessage?: string | undefined) =&amp;gt; ValidationRule&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { regexValidation } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="regexvalidation-variable">regexValidation variable&lt;/h2>
&lt;h3 id="regexvalidation-variable-1">regexValidation variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">regexValidation: (pattern: string | RegExp, errorMessage?: string | undefined) =&amp;gt; ValidationRule&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Renderable</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/renderable/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/renderable/</guid><content><![CDATA[&lt;h2 id=&#34;renderable-type&#34;&gt;Renderable type&lt;/h2&gt;
&lt;h3 id=&#34;renderable-type-1&#34;&gt;Renderable type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type Renderable = React.ComponentType | JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Renderable } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="renderable-type">Renderable type&lt;/h2>
&lt;h3 id="renderable-type-1">Renderable type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type Renderable = React.ComponentType | JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>RenderFunction</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/renderfunction/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/renderfunction/</guid><content><![CDATA[&lt;h2 id=&#34;renderfunction-type&#34;&gt;RenderFunction type&lt;/h2&gt;
&lt;h3 id=&#34;renderfunction-type-1&#34;&gt;RenderFunction type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type RenderFunction = () =&amp;gt; Renderable | Renderable[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RenderFunction } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="renderfunction-type">RenderFunction type&lt;/h2>
&lt;h3 id="renderfunction-type-1">RenderFunction type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type RenderFunction = () =&amp;gt; Renderable | Renderable[];&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>renderOrCallToRender</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/renderorcalltorender/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/reactutils/renderorcalltorender/</guid><content><![CDATA[&lt;h2 id=&#34;reactutilsrenderorcalltorender-function&#34;&gt;ReactUtils.renderOrCallToRender() function&lt;/h2&gt;
&lt;h3 id=&#34;reactutilsrenderorcalltorender-function-1&#34;&gt;ReactUtils.renderOrCallToRender() function&lt;/h3&gt;
&lt;p&gt;Given react node or function returns element accordingly&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function renderOrCallToRender&amp;lt;TProps = any&amp;gt;(itemToRender: ((props?: TProps) =&amp;gt; React.ReactNode) | React.ReactNode, props?: TProps): React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ReactUtils } from &amp;#39;@grafana/ui&amp;#39;;
const { renderOrCallToRender } = ReactUtils;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;itemToRender&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;((props?: TProps) =&amp;gt; React.ReactNode) | React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;props to be passed to the function if item provided as such&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="reactutilsrenderorcalltorender-function">ReactUtils.renderOrCallToRender() function&lt;/h2>
&lt;h3 id="reactutilsrenderorcalltorender-function-1">ReactUtils.renderOrCallToRender() function&lt;/h3>
&lt;p>Given react node or function returns element accordingly&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function renderOrCallToRender&amp;lt;TProps = any&amp;gt;(itemToRender: ((props?: TProps) =&amp;gt; React.ReactNode) | React.ReactNode, props?: TProps): React.ReactNode;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>resetSelectStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/resetselectstyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/resetselectstyles/</guid><content><![CDATA[&lt;h2 id=&#34;resetselectstyles-function&#34;&gt;resetSelectStyles() function&lt;/h2&gt;
&lt;h3 id=&#34;resetselectstyles-function-1&#34;&gt;resetSelectStyles() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export default function resetSelectStyles(theme: GrafanaTheme2): {
    clearIndicator: () =&amp;gt; {};
    container: () =&amp;gt; {};
    control: () =&amp;gt; {};
    dropdownIndicator: () =&amp;gt; {};
    group: () =&amp;gt; {};
    groupHeading: () =&amp;gt; {};
    indicatorsContainer: () =&amp;gt; {};
    indicatorSeparator: () =&amp;gt; {};
    input: (originalStyles: CSSObjectWithLabel) =&amp;gt; {
        color: string;
        margin: number;
        padding: number;
        zIndex: number;
        accentColor?: import(&amp;#34;csstype&amp;#34;).Property.AccentColor | (import(&amp;#34;csstype&amp;#34;).Property.AccentColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AccentColor[] | undefined;
        alignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
        alignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
        alignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        alignTracks?: import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | (import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignTracks[] | undefined;
        animationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        animationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        animationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        animationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        animationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        animationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        animationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        animationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        appearance?: import(&amp;#34;csstype&amp;#34;).Property.Appearance | (import(&amp;#34;csstype&amp;#34;).Property.Appearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Appearance[] | undefined;
        aspectRatio?: import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | (import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AspectRatio[] | undefined;
        backdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
        backfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        backgroundAttachment?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment[] | undefined;
        backgroundBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode[] | undefined;
        backgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        backgroundColor?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor[] | undefined;
        backgroundImage?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage[] | undefined;
        backgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat[] | undefined;
        backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        blockOverflow?: import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | (import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow[] | undefined;
        blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor[] | undefined;
        borderBlockEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor[] | undefined;
        borderBlockEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle[] | undefined;
        borderBlockEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor[] | undefined;
        borderBlockStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle[] | undefined;
        borderBlockStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle[] | undefined;
        borderBlockWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor[] | undefined;
        borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle[] | undefined;
        borderBottomWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderCollapse?: import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | (import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse[] | undefined;
        borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat[] | undefined;
        borderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        borderImageSource?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource[] | undefined;
        borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor[] | undefined;
        borderInlineEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
        borderInlineEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
        borderInlineEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
        borderInlineStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
        borderInlineStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle[] | undefined;
        borderInlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderLeftColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor[] | undefined;
        borderLeftStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle[] | undefined;
        borderLeftWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRightColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor[] | undefined;
        borderRightStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle[] | undefined;
        borderRightWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor[] | undefined;
        borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle[] | undefined;
        borderTopWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        bottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        boxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        boxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        boxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        breakAfter?: import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakAfter[] | undefined;
        breakBefore?: import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakBefore[] | undefined;
        breakInside?: import(&amp;#34;csstype&amp;#34;).Property.BreakInside | (import(&amp;#34;csstype&amp;#34;).Property.BreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakInside[] | undefined;
        captionSide?: import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | (import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaptionSide[] | undefined;
        caretColor?: import(&amp;#34;csstype&amp;#34;).Property.CaretColor | (import(&amp;#34;csstype&amp;#34;).Property.CaretColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaretColor[] | undefined;
        clear?: import(&amp;#34;csstype&amp;#34;).Property.Clear | (import(&amp;#34;csstype&amp;#34;).Property.Clear | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clear[] | undefined;
        clipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
        colorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
        colorScheme?: import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | (import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorScheme[] | undefined;
        columnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        columnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        columnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
        columnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        contain?: import(&amp;#34;csstype&amp;#34;).Property.Contain | (import(&amp;#34;csstype&amp;#34;).Property.Contain | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Contain[] | undefined;
        content?: import(&amp;#34;csstype&amp;#34;).Property.Content | (import(&amp;#34;csstype&amp;#34;).Property.Content | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Content[] | undefined;
        contentVisibility?: import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | (import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility[] | undefined;
        counterIncrement?: import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | (import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement[] | undefined;
        counterReset?: import(&amp;#34;csstype&amp;#34;).Property.CounterReset | (import(&amp;#34;csstype&amp;#34;).Property.CounterReset | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterReset[] | undefined;
        counterSet?: import(&amp;#34;csstype&amp;#34;).Property.CounterSet | (import(&amp;#34;csstype&amp;#34;).Property.CounterSet | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterSet[] | undefined;
        cursor?: import(&amp;#34;csstype&amp;#34;).Property.Cursor | (import(&amp;#34;csstype&amp;#34;).Property.Cursor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Cursor[] | undefined;
        direction?: import(&amp;#34;csstype&amp;#34;).Property.Direction | (import(&amp;#34;csstype&amp;#34;).Property.Direction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Direction[] | undefined;
        display?: import(&amp;#34;csstype&amp;#34;).Property.Display | (import(&amp;#34;csstype&amp;#34;).Property.Display | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Display[] | undefined;
        emptyCells?: import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | (import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.EmptyCells[] | undefined;
        filter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
        flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        flexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        flexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
        flexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
        float?: import(&amp;#34;csstype&amp;#34;).Property.Float | (import(&amp;#34;csstype&amp;#34;).Property.Float | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Float[] | undefined;
        fontFamily?: import(&amp;#34;csstype&amp;#34;).Property.FontFamily | (import(&amp;#34;csstype&amp;#34;).Property.FontFamily | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFamily[] | undefined;
        fontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        fontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
        fontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
        fontOpticalSizing?: import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | (import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing[] | undefined;
        fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        fontSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;from-font&amp;#34;)[] | undefined;
        fontSmooth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        fontStretch?: import(&amp;#34;csstype&amp;#34;).Property.FontStretch | (import(&amp;#34;csstype&amp;#34;).Property.FontStretch | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStretch[] | undefined;
        fontStyle?: import(&amp;#34;csstype&amp;#34;).Property.FontStyle | (import(&amp;#34;csstype&amp;#34;).Property.FontStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStyle[] | undefined;
        fontSynthesis?: import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | (import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis[] | undefined;
        fontVariant?: import(&amp;#34;csstype&amp;#34;).Property.FontVariant | (import(&amp;#34;csstype&amp;#34;).Property.FontVariant | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariant[] | undefined;
        fontVariantCaps?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps[] | undefined;
        fontVariantEastAsian?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian[] | undefined;
        fontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
        fontVariantNumeric?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric[] | undefined;
        fontVariantPosition?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition[] | undefined;
        fontVariationSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings[] | undefined;
        fontWeight?: import(&amp;#34;csstype&amp;#34;).Property.FontWeight | (import(&amp;#34;csstype&amp;#34;).Property.FontWeight | undefined)[] | (&amp;#34;bold&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;bolder&amp;#34; | &amp;#34;lighter&amp;#34;)[] | undefined;
        forcedColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust[] | undefined;
        gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridAutoFlow?: import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow[] | undefined;
        gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridColumnEnd?: import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | undefined)[] | (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        gridColumnStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | undefined)[] | undefined;
        gridRowEnd?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | undefined)[] | undefined;
        gridRowStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | (import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | undefined)[] | undefined;
        gridTemplateAreas?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas[] | undefined;
        gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        hangingPunctuation?: import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | (import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation[] | undefined;
        height?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        hyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        imageOrientation?: import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | (import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation[] | undefined;
        imageRendering?: import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | (import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageRendering[] | undefined;
        imageResolution?: import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | (import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageResolution[] | undefined;
        initialLetter?: import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | (import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34;)[] | undefined;
        inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        inset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        isolation?: import(&amp;#34;csstype&amp;#34;).Property.Isolation | (import(&amp;#34;csstype&amp;#34;).Property.Isolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Isolation[] | undefined;
        justifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
        justifyItems?: import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | (import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyItems[] | undefined;
        justifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
        justifyTracks?: import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | (import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks[] | undefined;
        left?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        letterSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        lineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        lineHeightStep?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        listStyleImage?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage[] | undefined;
        listStylePosition?: import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | (import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition[] | undefined;
        listStyleType?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleType[] | undefined;
        marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorderMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode[] | undefined;
        maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorderRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
        maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
        maskBorderSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
        maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskClip?: import(&amp;#34;csstype&amp;#34;).Property.MaskClip | (import(&amp;#34;csstype&amp;#34;).Property.MaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskClip[] | undefined;
        maskComposite?: import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskComposite[] | undefined;
        maskImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskImage | (import(&amp;#34;csstype&amp;#34;).Property.MaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskImage[] | undefined;
        maskMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskMode[] | undefined;
        maskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin[] | undefined;
        maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat[] | undefined;
        maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskType?: import(&amp;#34;csstype&amp;#34;).Property.MaskType | (import(&amp;#34;csstype&amp;#34;).Property.MaskType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskType[] | undefined;
        mathStyle?: import(&amp;#34;csstype&amp;#34;).Property.MathStyle | (import(&amp;#34;csstype&amp;#34;).Property.MathStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MathStyle[] | undefined;
        maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxLines?: import(&amp;#34;csstype&amp;#34;).Property.MaxLines | (import(&amp;#34;csstype&amp;#34;).Property.MaxLines | undefined)[] | (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        mixBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode[] | undefined;
        motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        motionPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
        motionRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        objectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
        objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
        offsetRotate?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        offsetRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        opacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        order?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        orphans?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Orphans | (import(&amp;#34;csstype&amp;#34;).Property.Orphans | undefined)[] | undefined;
        outlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
        outlineOffset?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        outlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
        outlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        overflowAnchor?: import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | (import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor[] | undefined;
        overflowBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock[] | undefined;
        overflowClipBox?: import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox[] | undefined;
        overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        overflowInline?: import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | (import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowInline[] | undefined;
        overflowWrap?: import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | (import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap[] | undefined;
        overflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
        overflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
        overscrollBehaviorBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock[] | undefined;
        overscrollBehaviorInline?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline[] | undefined;
        overscrollBehaviorX?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX[] | undefined;
        overscrollBehaviorY?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY[] | undefined;
        paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        pageBreakAfter?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter[] | undefined;
        pageBreakBefore?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore[] | undefined;
        pageBreakInside?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside[] | undefined;
        paintOrder?: import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | (import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PaintOrder[] | undefined;
        perspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        placeContent?: import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | (import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceContent[] | undefined;
        pointerEvents?: import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | (import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PointerEvents[] | undefined;
        position?: import(&amp;#34;csstype&amp;#34;).Property.Position | (import(&amp;#34;csstype&amp;#34;).Property.Position | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Position[] | undefined;
        quotes?: import(&amp;#34;csstype&amp;#34;).Property.Quotes | (import(&amp;#34;csstype&amp;#34;).Property.Quotes | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Quotes[] | undefined;
        resize?: import(&amp;#34;csstype&amp;#34;).Property.Resize | (import(&amp;#34;csstype&amp;#34;).Property.Resize | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Resize[] | undefined;
        right?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        rotate?: import(&amp;#34;csstype&amp;#34;).Property.Rotate | (import(&amp;#34;csstype&amp;#34;).Property.Rotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Rotate[] | undefined;
        rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        rubyAlign?: import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | (import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyAlign[] | undefined;
        rubyMerge?: import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | (import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyMerge[] | undefined;
        rubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
        scale?: import(&amp;#34;csstype&amp;#34;).Property.Scale | (import(&amp;#34;csstype&amp;#34;).Property.Scale | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        scrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior[] | undefined;
        scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlockEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlockStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInlineEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInlineStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapAlign?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign[] | undefined;
        scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapStop?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop[] | undefined;
        scrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
        scrollbarColor?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor[] | undefined;
        scrollbarGutter?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter[] | undefined;
        scrollbarWidth?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth[] | undefined;
        shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | (import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | undefined)[] | undefined;
        shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        shapeOutside?: import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | (import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside[] | undefined;
        tabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        tableLayout?: import(&amp;#34;csstype&amp;#34;).Property.TableLayout | (import(&amp;#34;csstype&amp;#34;).Property.TableLayout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TableLayout[] | undefined;
        textAlign?: import(&amp;#34;csstype&amp;#34;).Property.TextAlign | (import(&amp;#34;csstype&amp;#34;).Property.TextAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlign[] | undefined;
        textAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
        textCombineUpright?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        textDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        textDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        textDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
        textDecorationSkipInk?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk[] | undefined;
        textDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
        textEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
        textEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
        textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textJustify?: import(&amp;#34;csstype&amp;#34;).Property.TextJustify | (import(&amp;#34;csstype&amp;#34;).Property.TextJustify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextJustify[] | undefined;
        textOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
        textOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        textRendering?: import(&amp;#34;csstype&amp;#34;).Property.TextRendering | (import(&amp;#34;csstype&amp;#34;).Property.TextRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextRendering[] | undefined;
        textShadow?: import(&amp;#34;csstype&amp;#34;).Property.TextShadow | (import(&amp;#34;csstype&amp;#34;).Property.TextShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextShadow[] | undefined;
        textSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        textTransform?: import(&amp;#34;csstype&amp;#34;).Property.TextTransform | (import(&amp;#34;csstype&amp;#34;).Property.TextTransform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextTransform[] | undefined;
        textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
        top?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        touchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
        transform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        transformBox?: import(&amp;#34;csstype&amp;#34;).Property.TransformBox | (import(&amp;#34;csstype&amp;#34;).Property.TransformBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformBox[] | undefined;
        transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        transformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        transitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        transitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        transitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        transitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        translate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        unicodeBidi?: import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | (import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi[] | undefined;
        userSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        visibility?: import(&amp;#34;csstype&amp;#34;).Property.Visibility | (import(&amp;#34;csstype&amp;#34;).Property.Visibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Visibility[] | undefined;
        whiteSpace?: import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | (import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace[] | undefined;
        widows?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Widows | (import(&amp;#34;csstype&amp;#34;).Property.Widows | undefined)[] | undefined;
        width?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        willChange?: import(&amp;#34;csstype&amp;#34;).Property.WillChange | (import(&amp;#34;csstype&amp;#34;).Property.WillChange | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WillChange[] | undefined;
        wordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
        wordSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        wordWrap?: import(&amp;#34;csstype&amp;#34;).Property.WordWrap | (import(&amp;#34;csstype&amp;#34;).Property.WordWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordWrap[] | undefined;
        writingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        zoom?: import(&amp;#34;csstype&amp;#34;).Property.Zoom | (import(&amp;#34;csstype&amp;#34;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;reset&amp;#34;)[] | undefined;
        all?: import(&amp;#34;csstype&amp;#34;).Globals | import(&amp;#34;csstype&amp;#34;).Globals[] | (import(&amp;#34;csstype&amp;#34;).Globals | undefined)[] | undefined;
        animation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        background?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        border?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderColor[] | undefined;
        borderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStyle[] | undefined;
        borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
        font?: import(&amp;#34;csstype&amp;#34;).Property.Font | (import(&amp;#34;csstype&amp;#34;).Property.Font | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Font[] | undefined;
        gap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        grid?: import(&amp;#34;csstype&amp;#34;).Property.Grid | (import(&amp;#34;csstype&amp;#34;).Property.Grid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Grid[] | undefined;
        gridArea?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridArea | (import(&amp;#34;csstype&amp;#34;).Property.GridArea | undefined)[] | undefined;
        gridColumn?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumn | (import(&amp;#34;csstype&amp;#34;).Property.GridColumn | undefined)[] | undefined;
        gridRow?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRow | (import(&amp;#34;csstype&amp;#34;).Property.GridRow | undefined)[] | undefined;
        gridTemplate?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplate[] | undefined;
        lineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.LineClamp | (import(&amp;#34;csstype&amp;#34;).Property.LineClamp | undefined)[] | undefined;
        listStyle?: import(&amp;#34;csstype&amp;#34;).Property.ListStyle | (import(&amp;#34;csstype&amp;#34;).Property.ListStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyle[] | undefined;
        mask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorder?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
        motion?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        outline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
        overflow?: import(&amp;#34;csstype&amp;#34;).Property.Overflow | (import(&amp;#34;csstype&amp;#34;).Property.Overflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Overflow[] | undefined;
        overscrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior[] | undefined;
        placeItems?: import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | (import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceItems[] | undefined;
        placeSelf?: import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | (import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf[] | undefined;
        textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
        transition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        MozAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        MozAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        MozAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        MozAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        MozAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        MozAppearance?: import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | (import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozAppearance[] | undefined;
        MozBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        MozBorderBottomColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors[] | undefined;
        MozBorderEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
        MozBorderEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
        MozBorderEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderLeftColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors[] | undefined;
        MozBorderRightColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors[] | undefined;
        MozBorderStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
        MozBorderStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
        MozBorderTopColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors[] | undefined;
        MozBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        MozColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        MozColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        MozColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozContextProperties?: import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | (import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties[] | undefined;
        MozFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        MozFontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
        MozHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        MozImageRegion?: import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | (import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion[] | undefined;
        MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOrient?: import(&amp;#34;csstype&amp;#34;).Property.MozOrient | (import(&amp;#34;csstype&amp;#34;).Property.MozOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozOrient[] | undefined;
        MozOsxFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozStackSizing?: import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | (import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing[] | undefined;
        MozTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTextBlink?: import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | (import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink[] | undefined;
        MozTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        MozTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        MozTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        MozUserFocus?: import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | (import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus[] | undefined;
        MozUserModify?: import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | (import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserModify[] | undefined;
        MozUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        MozWindowDragging?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging[] | undefined;
        MozWindowShadow?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow[] | undefined;
        msAccelerator?: import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | (import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator[] | undefined;
        msAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        msBlockProgression?: import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | (import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression[] | undefined;
        msContentZoomChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining[] | undefined;
        msContentZoomLimitMax?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax[] | undefined;
        msContentZoomLimitMin?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin[] | undefined;
        msContentZoomSnapPoints?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints[] | undefined;
        msContentZoomSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType[] | undefined;
        msContentZooming?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming[] | undefined;
        msFilter?: import(&amp;#34;csstype&amp;#34;).Property.MsFilter | (import(&amp;#34;csstype&amp;#34;).Property.MsFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFilter[] | undefined;
        msFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        msFlexPositive?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        msFlowFrom?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom[] | undefined;
        msFlowInto?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto[] | undefined;
        msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msHighContrastAdjust?: import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | (import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust[] | undefined;
        msHyphenateLimitChars?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | undefined)[] | undefined;
        msHyphenateLimitLines?: import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;no-limit&amp;#34;)[] | undefined;
        msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        msImeAlign?: import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | (import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign[] | undefined;
        msJustifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
        msLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        msOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        msOverflowStyle?: import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | (import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle[] | undefined;
        msOverflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
        msOverflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
        msScrollChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining[] | undefined;
        msScrollLimitXMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitXMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitYMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitYMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollRails?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails[] | undefined;
        msScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX[] | undefined;
        msScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY[] | undefined;
        msScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType[] | undefined;
        msScrollTranslation?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation[] | undefined;
        msScrollbar3dlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor[] | undefined;
        msScrollbarArrowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor[] | undefined;
        msScrollbarBaseColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor[] | undefined;
        msScrollbarDarkshadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor[] | undefined;
        msScrollbarFaceColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor[] | undefined;
        msScrollbarHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor[] | undefined;
        msScrollbarShadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor[] | undefined;
        msTextAutospace?: import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | (import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace[] | undefined;
        msTextCombineHorizontal?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        msTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        msTouchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
        msTouchSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect[] | undefined;
        msTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        msTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        msUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect[] | undefined;
        msWordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
        msWrapFlow?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow[] | undefined;
        msWrapMargin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msWrapThrough?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough[] | undefined;
        msWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        WebkitAlignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
        WebkitAlignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
        WebkitAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        WebkitAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        WebkitAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        WebkitAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        WebkitAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        WebkitAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        WebkitAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        WebkitAppearance?: import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | (import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance[] | undefined;
        WebkitBackdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
        WebkitBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        WebkitBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        WebkitBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBeforeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor[] | undefined;
        WebkitBorderBeforeStyle?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle[] | undefined;
        WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBoxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        WebkitBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        WebkitClipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
        WebkitColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        WebkitColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        WebkitColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
        WebkitColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFilter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
        WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        WebkitFlexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        WebkitFlexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
        WebkitFlexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
        WebkitFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        WebkitFontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
        WebkitFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
        WebkitHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        WebkitJustifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
        WebkitLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        WebkitLineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | (import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | undefined)[] | undefined;
        WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskAttachment?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment[] | undefined;
        WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskBoxImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
        WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
        WebkitMaskBoxImageSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
        WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskClip?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip[] | undefined;
        WebkitMaskComposite?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite[] | undefined;
        WebkitMaskImage?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage[] | undefined;
        WebkitMaskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin[] | undefined;
        WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat[] | undefined;
        WebkitMaskRepeatX?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX[] | undefined;
        WebkitMaskRepeatY?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY[] | undefined;
        WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        WebkitOverflowScrolling?: import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | (import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling[] | undefined;
        WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPrintColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
        WebkitRubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
        WebkitScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
        WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTapHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor[] | undefined;
        WebkitTextCombine?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        WebkitTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        WebkitTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        WebkitTextDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
        WebkitTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        WebkitTextEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
        WebkitTextEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
        WebkitTextEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
        WebkitTextFillColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor[] | undefined;
        WebkitTextOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
        WebkitTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        WebkitTextStrokeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor[] | undefined;
        WebkitTextStrokeWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTextUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
        WebkitTouchCallout?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout[] | undefined;
        WebkitTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        WebkitTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        WebkitTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        WebkitUserModify?: import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | (import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify[] | undefined;
        WebkitUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        WebkitWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        MozAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        MozBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msContentZoomLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit[] | undefined;
        msContentZoomSnap?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap[] | undefined;
        msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit[] | undefined;
        msScrollSnapX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX[] | undefined;
        msScrollSnapY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY[] | undefined;
        msTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
        WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskBoxImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
        WebkitTextEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
        WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        azimuth?: import(&amp;#34;csstype&amp;#34;).Property.Azimuth | (import(&amp;#34;csstype&amp;#34;).Property.Azimuth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Azimuth[] | undefined;
        boxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        boxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        boxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        boxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        boxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        boxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        boxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        boxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        clip?: import(&amp;#34;csstype&amp;#34;).Property.Clip | (import(&amp;#34;csstype&amp;#34;).Property.Clip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clip[] | undefined;
        fontVariantAlternates?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates[] | undefined;
        gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        imeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
        offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
        scrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
        scrollSnapTypeX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX[] | undefined;
        scrollSnapTypeY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY[] | undefined;
        scrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
        KhtmlBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        KhtmlBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        KhtmlBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        KhtmlBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        KhtmlBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        KhtmlBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        KhtmlBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        KhtmlBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        KhtmlLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        KhtmlUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        MozBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        MozBackgroundInlinePolicy?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        MozBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBinding?: import(&amp;#34;csstype&amp;#34;).Property.MozBinding | (import(&amp;#34;csstype&amp;#34;).Property.MozBinding | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBinding[] | undefined;
        MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        MozBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        MozBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        MozBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        MozBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        MozBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        MozBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        MozFloatEdge?: import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | (import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge[] | undefined;
        MozForceBrokenImageIcon?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | (import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | undefined)[] | undefined;
        MozOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        MozOutline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
        MozOutlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
        MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
        MozOutlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTextAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
        MozTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        MozTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        MozTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        MozUserInput?: import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | (import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserInput[] | undefined;
        msImeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
        msScrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
        OAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        OAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        OAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        OAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        OAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        OAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        OAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        OObjectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
        OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        OTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        OTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        WebkitBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        WebkitBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        WebkitBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        WebkitBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        WebkitBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        WebkitBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        WebkitBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        WebkitBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        WebkitScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
        WebkitScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
        alignmentBaseline?: import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | (import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline[] | undefined;
        baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        clipRule?: import(&amp;#34;csstype&amp;#34;).Property.ClipRule | (import(&amp;#34;csstype&amp;#34;).Property.ClipRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipRule[] | undefined;
        colorInterpolation?: import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | (import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation[] | undefined;
        colorRendering?: import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | (import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorRendering[] | undefined;
        dominantBaseline?: import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | (import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline[] | undefined;
        fill?: import(&amp;#34;csstype&amp;#34;).Property.Fill | (import(&amp;#34;csstype&amp;#34;).Property.Fill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Fill[] | undefined;
        fillOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | undefined)[] | undefined;
        fillRule?: import(&amp;#34;csstype&amp;#34;).Property.FillRule | (import(&amp;#34;csstype&amp;#34;).Property.FillRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FillRule[] | undefined;
        floodColor?: import(&amp;#34;csstype&amp;#34;).Property.FloodColor | (import(&amp;#34;csstype&amp;#34;).Property.FloodColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FloodColor[] | undefined;
        floodOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | undefined)[] | undefined;
        glyphOrientationVertical?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | (import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | undefined)[] | undefined;
        lightingColor?: import(&amp;#34;csstype&amp;#34;).Property.LightingColor | (import(&amp;#34;csstype&amp;#34;).Property.LightingColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LightingColor[] | undefined;
        marker?: import(&amp;#34;csstype&amp;#34;).Property.Marker | (import(&amp;#34;csstype&amp;#34;).Property.Marker | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Marker[] | undefined;
        markerEnd?: import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | (import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd[] | undefined;
        markerMid?: import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | (import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerMid[] | undefined;
        markerStart?: import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | (import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerStart[] | undefined;
        shapeRendering?: import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | (import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering[] | undefined;
        stopColor?: import(&amp;#34;csstype&amp;#34;).Property.StopColor | (import(&amp;#34;csstype&amp;#34;).Property.StopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StopColor[] | undefined;
        stopOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | undefined)[] | undefined;
        stroke?: import(&amp;#34;csstype&amp;#34;).Property.Stroke | (import(&amp;#34;csstype&amp;#34;).Property.Stroke | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Stroke[] | undefined;
        strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        strokeLinecap?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap[] | undefined;
        strokeLinejoin?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin[] | undefined;
        strokeMiterlimit?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | (import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | undefined)[] | undefined;
        strokeOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | undefined)[] | undefined;
        strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textAnchor?: import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | (import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAnchor[] | undefined;
        vectorEffect?: import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | (import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.VectorEffect[] | undefined;
        &amp;#34;:-moz-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::cue&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::cue-region&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::part&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::slotted&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:has&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:host&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:host-context&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:is&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:lang&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:matches()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:not&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:where&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-khtml-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-focusring&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-ui-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-ui-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-ms-fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-progress&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-browse&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-check&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-clear&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill-lower&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill-upper&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-reveal&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-ticks-after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-ticks-before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-tooltip&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-inner-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-slider-runnable-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-slider-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::grammar-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::marker&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::spelling-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::target-text&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:active&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:blank&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:checked&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:current&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:default&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:defined&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:disabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:empty&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:enabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus-visible&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:future&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:hover&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:in-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:indeterminate&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:left&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:local-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:only-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:only-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:optional&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:out-of-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:past&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:paused&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:picture-in-picture&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:placeholder-shown&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:required&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:right&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:root&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:scope&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:target&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:target-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:user-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:user-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:visited&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        label?: string | undefined;
    };
    loadingIndicator: () =&amp;gt; {};
    loadingMessage: () =&amp;gt; {};
    menu: () =&amp;gt; {};
    menuList: ({ maxHeight }: {
        maxHeight: number;
    }) =&amp;gt; {
        maxHeight: number;
    };
    multiValue: () =&amp;gt; {};
    multiValueLabel: () =&amp;gt; {};
    multiValueRemove: () =&amp;gt; {};
    noOptionsMessage: () =&amp;gt; {};
    option: () =&amp;gt; {};
    placeholder: (originalStyles: CSSObjectWithLabel) =&amp;gt; {
        color: string;
        accentColor?: import(&amp;#34;csstype&amp;#34;).Property.AccentColor | (import(&amp;#34;csstype&amp;#34;).Property.AccentColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AccentColor[] | undefined;
        alignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
        alignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
        alignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        alignTracks?: import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | (import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignTracks[] | undefined;
        animationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        animationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        animationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        animationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        animationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        animationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        animationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        animationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        appearance?: import(&amp;#34;csstype&amp;#34;).Property.Appearance | (import(&amp;#34;csstype&amp;#34;).Property.Appearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Appearance[] | undefined;
        aspectRatio?: import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | (import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AspectRatio[] | undefined;
        backdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
        backfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        backgroundAttachment?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment[] | undefined;
        backgroundBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode[] | undefined;
        backgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        backgroundColor?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor[] | undefined;
        backgroundImage?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage[] | undefined;
        backgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat[] | undefined;
        backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        blockOverflow?: import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | (import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow[] | undefined;
        blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor[] | undefined;
        borderBlockEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor[] | undefined;
        borderBlockEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle[] | undefined;
        borderBlockEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor[] | undefined;
        borderBlockStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle[] | undefined;
        borderBlockStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle[] | undefined;
        borderBlockWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor[] | undefined;
        borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottomStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle[] | undefined;
        borderBottomWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderCollapse?: import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | (import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse[] | undefined;
        borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat[] | undefined;
        borderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        borderImageSource?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource[] | undefined;
        borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor[] | undefined;
        borderInlineEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
        borderInlineEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
        borderInlineEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
        borderInlineStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
        borderInlineStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle[] | undefined;
        borderInlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderLeftColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor[] | undefined;
        borderLeftStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle[] | undefined;
        borderLeftWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRightColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor[] | undefined;
        borderRightStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle[] | undefined;
        borderRightWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor[] | undefined;
        borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderTopStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle[] | undefined;
        borderTopWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        bottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        boxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        boxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        boxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        breakAfter?: import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakAfter[] | undefined;
        breakBefore?: import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakBefore[] | undefined;
        breakInside?: import(&amp;#34;csstype&amp;#34;).Property.BreakInside | (import(&amp;#34;csstype&amp;#34;).Property.BreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakInside[] | undefined;
        captionSide?: import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | (import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaptionSide[] | undefined;
        caretColor?: import(&amp;#34;csstype&amp;#34;).Property.CaretColor | (import(&amp;#34;csstype&amp;#34;).Property.CaretColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaretColor[] | undefined;
        clear?: import(&amp;#34;csstype&amp;#34;).Property.Clear | (import(&amp;#34;csstype&amp;#34;).Property.Clear | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clear[] | undefined;
        clipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
        colorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
        colorScheme?: import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | (import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorScheme[] | undefined;
        columnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        columnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        columnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
        columnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        contain?: import(&amp;#34;csstype&amp;#34;).Property.Contain | (import(&amp;#34;csstype&amp;#34;).Property.Contain | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Contain[] | undefined;
        content?: import(&amp;#34;csstype&amp;#34;).Property.Content | (import(&amp;#34;csstype&amp;#34;).Property.Content | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Content[] | undefined;
        contentVisibility?: import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | (import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility[] | undefined;
        counterIncrement?: import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | (import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement[] | undefined;
        counterReset?: import(&amp;#34;csstype&amp;#34;).Property.CounterReset | (import(&amp;#34;csstype&amp;#34;).Property.CounterReset | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterReset[] | undefined;
        counterSet?: import(&amp;#34;csstype&amp;#34;).Property.CounterSet | (import(&amp;#34;csstype&amp;#34;).Property.CounterSet | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterSet[] | undefined;
        cursor?: import(&amp;#34;csstype&amp;#34;).Property.Cursor | (import(&amp;#34;csstype&amp;#34;).Property.Cursor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Cursor[] | undefined;
        direction?: import(&amp;#34;csstype&amp;#34;).Property.Direction | (import(&amp;#34;csstype&amp;#34;).Property.Direction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Direction[] | undefined;
        display?: import(&amp;#34;csstype&amp;#34;).Property.Display | (import(&amp;#34;csstype&amp;#34;).Property.Display | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Display[] | undefined;
        emptyCells?: import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | (import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.EmptyCells[] | undefined;
        filter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
        flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        flexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        flexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
        flexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
        float?: import(&amp;#34;csstype&amp;#34;).Property.Float | (import(&amp;#34;csstype&amp;#34;).Property.Float | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Float[] | undefined;
        fontFamily?: import(&amp;#34;csstype&amp;#34;).Property.FontFamily | (import(&amp;#34;csstype&amp;#34;).Property.FontFamily | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFamily[] | undefined;
        fontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        fontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
        fontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
        fontOpticalSizing?: import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | (import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing[] | undefined;
        fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        fontSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;from-font&amp;#34;)[] | undefined;
        fontSmooth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        fontStretch?: import(&amp;#34;csstype&amp;#34;).Property.FontStretch | (import(&amp;#34;csstype&amp;#34;).Property.FontStretch | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStretch[] | undefined;
        fontStyle?: import(&amp;#34;csstype&amp;#34;).Property.FontStyle | (import(&amp;#34;csstype&amp;#34;).Property.FontStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStyle[] | undefined;
        fontSynthesis?: import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | (import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis[] | undefined;
        fontVariant?: import(&amp;#34;csstype&amp;#34;).Property.FontVariant | (import(&amp;#34;csstype&amp;#34;).Property.FontVariant | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariant[] | undefined;
        fontVariantCaps?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps[] | undefined;
        fontVariantEastAsian?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian[] | undefined;
        fontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
        fontVariantNumeric?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric[] | undefined;
        fontVariantPosition?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition[] | undefined;
        fontVariationSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings[] | undefined;
        fontWeight?: import(&amp;#34;csstype&amp;#34;).Property.FontWeight | (import(&amp;#34;csstype&amp;#34;).Property.FontWeight | undefined)[] | (&amp;#34;bold&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;bolder&amp;#34; | &amp;#34;lighter&amp;#34;)[] | undefined;
        forcedColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust[] | undefined;
        gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridAutoFlow?: import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow[] | undefined;
        gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridColumnEnd?: import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | undefined)[] | (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        gridColumnStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | undefined)[] | undefined;
        gridRowEnd?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | undefined)[] | undefined;
        gridRowStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | (import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | undefined)[] | undefined;
        gridTemplateAreas?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas[] | undefined;
        gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        hangingPunctuation?: import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | (import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation[] | undefined;
        height?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        hyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        imageOrientation?: import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | (import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation[] | undefined;
        imageRendering?: import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | (import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageRendering[] | undefined;
        imageResolution?: import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | (import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageResolution[] | undefined;
        initialLetter?: import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | (import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34;)[] | undefined;
        inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        inset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        isolation?: import(&amp;#34;csstype&amp;#34;).Property.Isolation | (import(&amp;#34;csstype&amp;#34;).Property.Isolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Isolation[] | undefined;
        justifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
        justifyItems?: import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | (import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyItems[] | undefined;
        justifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
        justifyTracks?: import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | (import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks[] | undefined;
        left?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        letterSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        lineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        lineHeightStep?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        listStyleImage?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage[] | undefined;
        listStylePosition?: import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | (import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition[] | undefined;
        listStyleType?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleType[] | undefined;
        marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorderMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode[] | undefined;
        maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorderRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
        maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
        maskBorderSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
        maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskClip?: import(&amp;#34;csstype&amp;#34;).Property.MaskClip | (import(&amp;#34;csstype&amp;#34;).Property.MaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskClip[] | undefined;
        maskComposite?: import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskComposite[] | undefined;
        maskImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskImage | (import(&amp;#34;csstype&amp;#34;).Property.MaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskImage[] | undefined;
        maskMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskMode[] | undefined;
        maskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin[] | undefined;
        maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat[] | undefined;
        maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskType?: import(&amp;#34;csstype&amp;#34;).Property.MaskType | (import(&amp;#34;csstype&amp;#34;).Property.MaskType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskType[] | undefined;
        mathStyle?: import(&amp;#34;csstype&amp;#34;).Property.MathStyle | (import(&amp;#34;csstype&amp;#34;).Property.MathStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MathStyle[] | undefined;
        maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maxLines?: import(&amp;#34;csstype&amp;#34;).Property.MaxLines | (import(&amp;#34;csstype&amp;#34;).Property.MaxLines | undefined)[] | (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        mixBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode[] | undefined;
        motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        motionPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
        motionRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        objectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
        objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
        offsetRotate?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        offsetRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
        opacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        order?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        orphans?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Orphans | (import(&amp;#34;csstype&amp;#34;).Property.Orphans | undefined)[] | undefined;
        outlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
        outlineOffset?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        outlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
        outlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        overflowAnchor?: import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | (import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor[] | undefined;
        overflowBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock[] | undefined;
        overflowClipBox?: import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox[] | undefined;
        overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        overflowInline?: import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | (import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowInline[] | undefined;
        overflowWrap?: import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | (import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap[] | undefined;
        overflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
        overflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
        overscrollBehaviorBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock[] | undefined;
        overscrollBehaviorInline?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline[] | undefined;
        overscrollBehaviorX?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX[] | undefined;
        overscrollBehaviorY?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY[] | undefined;
        paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        pageBreakAfter?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter[] | undefined;
        pageBreakBefore?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore[] | undefined;
        pageBreakInside?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside[] | undefined;
        paintOrder?: import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | (import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PaintOrder[] | undefined;
        perspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        placeContent?: import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | (import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceContent[] | undefined;
        pointerEvents?: import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | (import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PointerEvents[] | undefined;
        position?: import(&amp;#34;csstype&amp;#34;).Property.Position | (import(&amp;#34;csstype&amp;#34;).Property.Position | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Position[] | undefined;
        quotes?: import(&amp;#34;csstype&amp;#34;).Property.Quotes | (import(&amp;#34;csstype&amp;#34;).Property.Quotes | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Quotes[] | undefined;
        resize?: import(&amp;#34;csstype&amp;#34;).Property.Resize | (import(&amp;#34;csstype&amp;#34;).Property.Resize | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Resize[] | undefined;
        right?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        rotate?: import(&amp;#34;csstype&amp;#34;).Property.Rotate | (import(&amp;#34;csstype&amp;#34;).Property.Rotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Rotate[] | undefined;
        rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        rubyAlign?: import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | (import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyAlign[] | undefined;
        rubyMerge?: import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | (import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyMerge[] | undefined;
        rubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
        scale?: import(&amp;#34;csstype&amp;#34;).Property.Scale | (import(&amp;#34;csstype&amp;#34;).Property.Scale | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        scrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior[] | undefined;
        scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlockEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBlockStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInlineEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginInlineStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapAlign?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign[] | undefined;
        scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapStop?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop[] | undefined;
        scrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
        scrollbarColor?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor[] | undefined;
        scrollbarGutter?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter[] | undefined;
        scrollbarWidth?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth[] | undefined;
        shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | (import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | undefined)[] | undefined;
        shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        shapeOutside?: import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | (import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside[] | undefined;
        tabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        tableLayout?: import(&amp;#34;csstype&amp;#34;).Property.TableLayout | (import(&amp;#34;csstype&amp;#34;).Property.TableLayout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TableLayout[] | undefined;
        textAlign?: import(&amp;#34;csstype&amp;#34;).Property.TextAlign | (import(&amp;#34;csstype&amp;#34;).Property.TextAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlign[] | undefined;
        textAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
        textCombineUpright?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        textDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        textDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        textDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
        textDecorationSkipInk?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk[] | undefined;
        textDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
        textEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
        textEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
        textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textJustify?: import(&amp;#34;csstype&amp;#34;).Property.TextJustify | (import(&amp;#34;csstype&amp;#34;).Property.TextJustify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextJustify[] | undefined;
        textOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
        textOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        textRendering?: import(&amp;#34;csstype&amp;#34;).Property.TextRendering | (import(&amp;#34;csstype&amp;#34;).Property.TextRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextRendering[] | undefined;
        textShadow?: import(&amp;#34;csstype&amp;#34;).Property.TextShadow | (import(&amp;#34;csstype&amp;#34;).Property.TextShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextShadow[] | undefined;
        textSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        textTransform?: import(&amp;#34;csstype&amp;#34;).Property.TextTransform | (import(&amp;#34;csstype&amp;#34;).Property.TextTransform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextTransform[] | undefined;
        textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
        top?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        touchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
        transform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        transformBox?: import(&amp;#34;csstype&amp;#34;).Property.TransformBox | (import(&amp;#34;csstype&amp;#34;).Property.TransformBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformBox[] | undefined;
        transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        transformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        transitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        transitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        transitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        transitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        translate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        unicodeBidi?: import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | (import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi[] | undefined;
        userSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        visibility?: import(&amp;#34;csstype&amp;#34;).Property.Visibility | (import(&amp;#34;csstype&amp;#34;).Property.Visibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Visibility[] | undefined;
        whiteSpace?: import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | (import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace[] | undefined;
        widows?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Widows | (import(&amp;#34;csstype&amp;#34;).Property.Widows | undefined)[] | undefined;
        width?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        willChange?: import(&amp;#34;csstype&amp;#34;).Property.WillChange | (import(&amp;#34;csstype&amp;#34;).Property.WillChange | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WillChange[] | undefined;
        wordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
        wordSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        wordWrap?: import(&amp;#34;csstype&amp;#34;).Property.WordWrap | (import(&amp;#34;csstype&amp;#34;).Property.WordWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordWrap[] | undefined;
        writingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        zIndex?: (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ZIndex | (import(&amp;#34;csstype&amp;#34;).Property.ZIndex | undefined)[] | undefined;
        zoom?: import(&amp;#34;csstype&amp;#34;).Property.Zoom | (import(&amp;#34;csstype&amp;#34;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;reset&amp;#34;)[] | undefined;
        all?: import(&amp;#34;csstype&amp;#34;).Globals | import(&amp;#34;csstype&amp;#34;).Globals[] | (import(&amp;#34;csstype&amp;#34;).Globals | undefined)[] | undefined;
        animation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        background?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        border?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderColor[] | undefined;
        borderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStyle[] | undefined;
        borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        columns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        flexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
        font?: import(&amp;#34;csstype&amp;#34;).Property.Font | (import(&amp;#34;csstype&amp;#34;).Property.Font | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Font[] | undefined;
        gap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        grid?: import(&amp;#34;csstype&amp;#34;).Property.Grid | (import(&amp;#34;csstype&amp;#34;).Property.Grid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Grid[] | undefined;
        gridArea?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridArea | (import(&amp;#34;csstype&amp;#34;).Property.GridArea | undefined)[] | undefined;
        gridColumn?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumn | (import(&amp;#34;csstype&amp;#34;).Property.GridColumn | undefined)[] | undefined;
        gridRow?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRow | (import(&amp;#34;csstype&amp;#34;).Property.GridRow | undefined)[] | undefined;
        gridTemplate?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplate[] | undefined;
        lineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.LineClamp | (import(&amp;#34;csstype&amp;#34;).Property.LineClamp | undefined)[] | undefined;
        listStyle?: import(&amp;#34;csstype&amp;#34;).Property.ListStyle | (import(&amp;#34;csstype&amp;#34;).Property.ListStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyle[] | undefined;
        margin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Margin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Margin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        mask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        maskBorder?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
        motion?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        outline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
        overflow?: import(&amp;#34;csstype&amp;#34;).Property.Overflow | (import(&amp;#34;csstype&amp;#34;).Property.Overflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Overflow[] | undefined;
        overscrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior[] | undefined;
        padding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Padding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Padding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        placeItems?: import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | (import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceItems[] | undefined;
        placeSelf?: import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | (import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf[] | undefined;
        textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
        transition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        MozAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        MozAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        MozAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        MozAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        MozAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        MozAppearance?: import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | (import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozAppearance[] | undefined;
        MozBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        MozBorderBottomColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors[] | undefined;
        MozBorderEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
        MozBorderEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
        MozBorderEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderLeftColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors[] | undefined;
        MozBorderRightColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors[] | undefined;
        MozBorderStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
        MozBorderStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
        MozBorderTopColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors[] | undefined;
        MozBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        MozColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        MozColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        MozColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozContextProperties?: import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | (import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties[] | undefined;
        MozFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        MozFontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
        MozHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        MozImageRegion?: import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | (import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion[] | undefined;
        MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOrient?: import(&amp;#34;csstype&amp;#34;).Property.MozOrient | (import(&amp;#34;csstype&amp;#34;).Property.MozOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozOrient[] | undefined;
        MozOsxFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozStackSizing?: import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | (import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing[] | undefined;
        MozTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTextBlink?: import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | (import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink[] | undefined;
        MozTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        MozTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        MozTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        MozTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        MozUserFocus?: import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | (import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus[] | undefined;
        MozUserModify?: import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | (import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserModify[] | undefined;
        MozUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        MozWindowDragging?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging[] | undefined;
        MozWindowShadow?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow[] | undefined;
        msAccelerator?: import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | (import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator[] | undefined;
        msAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        msBlockProgression?: import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | (import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression[] | undefined;
        msContentZoomChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining[] | undefined;
        msContentZoomLimitMax?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax[] | undefined;
        msContentZoomLimitMin?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin[] | undefined;
        msContentZoomSnapPoints?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints[] | undefined;
        msContentZoomSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType[] | undefined;
        msContentZooming?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming[] | undefined;
        msFilter?: import(&amp;#34;csstype&amp;#34;).Property.MsFilter | (import(&amp;#34;csstype&amp;#34;).Property.MsFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFilter[] | undefined;
        msFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        msFlexPositive?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        msFlowFrom?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom[] | undefined;
        msFlowInto?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto[] | undefined;
        msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msHighContrastAdjust?: import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | (import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust[] | undefined;
        msHyphenateLimitChars?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | undefined)[] | undefined;
        msHyphenateLimitLines?: import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;no-limit&amp;#34;)[] | undefined;
        msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        msImeAlign?: import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | (import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign[] | undefined;
        msJustifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
        msLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        msOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        msOverflowStyle?: import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | (import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle[] | undefined;
        msOverflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
        msOverflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
        msScrollChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining[] | undefined;
        msScrollLimitXMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitXMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitYMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimitYMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollRails?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails[] | undefined;
        msScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX[] | undefined;
        msScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY[] | undefined;
        msScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType[] | undefined;
        msScrollTranslation?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation[] | undefined;
        msScrollbar3dlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor[] | undefined;
        msScrollbarArrowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor[] | undefined;
        msScrollbarBaseColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor[] | undefined;
        msScrollbarDarkshadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor[] | undefined;
        msScrollbarFaceColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor[] | undefined;
        msScrollbarHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor[] | undefined;
        msScrollbarShadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor[] | undefined;
        msTextAutospace?: import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | (import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace[] | undefined;
        msTextCombineHorizontal?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        msTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        msTouchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
        msTouchSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect[] | undefined;
        msTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        msTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        msUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect[] | undefined;
        msWordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
        msWrapFlow?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow[] | undefined;
        msWrapMargin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msWrapThrough?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough[] | undefined;
        msWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        WebkitAlignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
        WebkitAlignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
        WebkitAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
        WebkitAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        WebkitAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        WebkitAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        WebkitAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        WebkitAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        WebkitAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        WebkitAppearance?: import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | (import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance[] | undefined;
        WebkitBackdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
        WebkitBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
        WebkitBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        WebkitBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBeforeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor[] | undefined;
        WebkitBorderBeforeStyle?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle[] | undefined;
        WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBoxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        WebkitBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
        WebkitClipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
        WebkitColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
        WebkitColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
        WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
        WebkitColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
        WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
        WebkitColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFilter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
        WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
        WebkitFlexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
        WebkitFlexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
        WebkitFlexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
        WebkitFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
        WebkitFontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
        WebkitFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
        WebkitHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
        WebkitJustifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
        WebkitLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        WebkitLineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | (import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | undefined)[] | undefined;
        WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskAttachment?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment[] | undefined;
        WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskBoxImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
        WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
        WebkitMaskBoxImageSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
        WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskClip?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip[] | undefined;
        WebkitMaskComposite?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite[] | undefined;
        WebkitMaskImage?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage[] | undefined;
        WebkitMaskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin[] | undefined;
        WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat[] | undefined;
        WebkitMaskRepeatX?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX[] | undefined;
        WebkitMaskRepeatY?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY[] | undefined;
        WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
        WebkitOverflowScrolling?: import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | (import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling[] | undefined;
        WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitPrintColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
        WebkitRubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
        WebkitScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
        WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTapHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor[] | undefined;
        WebkitTextCombine?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
        WebkitTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        WebkitTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        WebkitTextDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
        WebkitTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        WebkitTextEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
        WebkitTextEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
        WebkitTextEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
        WebkitTextFillColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor[] | undefined;
        WebkitTextOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
        WebkitTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
        WebkitTextStrokeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor[] | undefined;
        WebkitTextStrokeWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTextUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
        WebkitTouchCallout?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout[] | undefined;
        WebkitTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
        WebkitTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        WebkitTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        WebkitUserModify?: import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | (import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify[] | undefined;
        WebkitUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        WebkitWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
        MozAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        MozBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        msContentZoomLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit[] | undefined;
        msContentZoomSnap?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap[] | undefined;
        msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        msScrollLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit[] | undefined;
        msScrollSnapX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX[] | undefined;
        msScrollSnapY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY[] | undefined;
        msTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        WebkitAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitFlexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
        WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitMaskBoxImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
        WebkitTextEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
        WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        WebkitTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        azimuth?: import(&amp;#34;csstype&amp;#34;).Property.Azimuth | (import(&amp;#34;csstype&amp;#34;).Property.Azimuth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Azimuth[] | undefined;
        boxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        boxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        boxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        boxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        boxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        boxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        boxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        boxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        clip?: import(&amp;#34;csstype&amp;#34;).Property.Clip | (import(&amp;#34;csstype&amp;#34;).Property.Clip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clip[] | undefined;
        fontVariantAlternates?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates[] | undefined;
        gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        imeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
        offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        scrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
        scrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
        scrollSnapTypeX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX[] | undefined;
        scrollSnapTypeY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY[] | undefined;
        scrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
        KhtmlBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        KhtmlBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        KhtmlBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        KhtmlBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        KhtmlBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        KhtmlBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        KhtmlBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        KhtmlBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        KhtmlLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
        KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        KhtmlUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
        MozBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
        MozBackgroundInlinePolicy?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
        MozBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
        MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBinding?: import(&amp;#34;csstype&amp;#34;).Property.MozBinding | (import(&amp;#34;csstype&amp;#34;).Property.MozBinding | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBinding[] | undefined;
        MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        MozBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        MozBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        MozBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        MozBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        MozBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        MozBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
        MozFloatEdge?: import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | (import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge[] | undefined;
        MozForceBrokenImageIcon?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | (import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | undefined)[] | undefined;
        MozOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
        MozOutline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
        MozOutlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
        MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozOutlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
        MozOutlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        MozTextAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
        MozTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
        MozTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
        MozTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
        MozUserInput?: import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | (import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserInput[] | undefined;
        msImeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
        msScrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
        OAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
        OAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
        OAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
        OAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
        OAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
        OAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
        OAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
        OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
        OObjectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
        OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
        OTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
        OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        OTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
        OTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
        OTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
        WebkitBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
        WebkitBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
        WebkitBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
        WebkitBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
        WebkitBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
        WebkitBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
        WebkitBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
        WebkitBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
        WebkitScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
        WebkitScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
        alignmentBaseline?: import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | (import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline[] | undefined;
        baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        clipRule?: import(&amp;#34;csstype&amp;#34;).Property.ClipRule | (import(&amp;#34;csstype&amp;#34;).Property.ClipRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipRule[] | undefined;
        colorInterpolation?: import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | (import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation[] | undefined;
        colorRendering?: import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | (import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorRendering[] | undefined;
        dominantBaseline?: import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | (import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline[] | undefined;
        fill?: import(&amp;#34;csstype&amp;#34;).Property.Fill | (import(&amp;#34;csstype&amp;#34;).Property.Fill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Fill[] | undefined;
        fillOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | undefined)[] | undefined;
        fillRule?: import(&amp;#34;csstype&amp;#34;).Property.FillRule | (import(&amp;#34;csstype&amp;#34;).Property.FillRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FillRule[] | undefined;
        floodColor?: import(&amp;#34;csstype&amp;#34;).Property.FloodColor | (import(&amp;#34;csstype&amp;#34;).Property.FloodColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FloodColor[] | undefined;
        floodOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | undefined)[] | undefined;
        glyphOrientationVertical?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | (import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | undefined)[] | undefined;
        lightingColor?: import(&amp;#34;csstype&amp;#34;).Property.LightingColor | (import(&amp;#34;csstype&amp;#34;).Property.LightingColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LightingColor[] | undefined;
        marker?: import(&amp;#34;csstype&amp;#34;).Property.Marker | (import(&amp;#34;csstype&amp;#34;).Property.Marker | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Marker[] | undefined;
        markerEnd?: import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | (import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd[] | undefined;
        markerMid?: import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | (import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerMid[] | undefined;
        markerStart?: import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | (import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerStart[] | undefined;
        shapeRendering?: import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | (import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering[] | undefined;
        stopColor?: import(&amp;#34;csstype&amp;#34;).Property.StopColor | (import(&amp;#34;csstype&amp;#34;).Property.StopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StopColor[] | undefined;
        stopOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | undefined)[] | undefined;
        stroke?: import(&amp;#34;csstype&amp;#34;).Property.Stroke | (import(&amp;#34;csstype&amp;#34;).Property.Stroke | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Stroke[] | undefined;
        strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        strokeLinecap?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap[] | undefined;
        strokeLinejoin?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin[] | undefined;
        strokeMiterlimit?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | (import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | undefined)[] | undefined;
        strokeOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | undefined)[] | undefined;
        strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
        textAnchor?: import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | (import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAnchor[] | undefined;
        vectorEffect?: import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | (import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.VectorEffect[] | undefined;
        &amp;#34;:-moz-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::cue&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::cue-region&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::part&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::slotted&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:has&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:host&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:host-context&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:is&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:lang&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:matches()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:not&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:where&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-khtml-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-focusring&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-ui-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-moz-ui-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-ms-fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:-webkit-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-progress&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-range-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-moz-selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-browse&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-check&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-clear&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill-lower&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-fill-upper&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-reveal&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-ticks-after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-ticks-before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-tooltip&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-ms-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-inner-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-progress-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-slider-runnable-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::-webkit-slider-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::grammar-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::marker&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::spelling-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;::target-text&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:active&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:blank&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:checked&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:current&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:default&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:defined&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:disabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:empty&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:enabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:first-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus-visible&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:focus-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:future&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:hover&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:in-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:indeterminate&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:left&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:local-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:nth-last-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:only-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:only-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:optional&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:out-of-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:past&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:paused&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:picture-in-picture&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:placeholder-shown&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:required&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:right&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:root&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:scope&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:target&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:target-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:user-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:user-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        &amp;#34;:visited&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
        label?: string | undefined;
    };
    singleValue: () =&amp;gt; {};
    valueContainer: () =&amp;gt; {};
};&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { resetSelectStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;theme&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;{ clearIndicator: () =&amp;gt; {}; container: () =&amp;gt; {}; control: () =&amp;gt; {}; dropdownIndicator: () =&amp;gt; {}; group: () =&amp;gt; {}; groupHeading: () =&amp;gt; {}; indicatorsContainer: () =&amp;gt; {}; indicatorSeparator: () =&amp;gt; {}; input: (originalStyles: CSSObjectWithLabel) =&amp;gt; { color: string; margin: number; padding: number; zIndex: number; accentColor?: import(&amp;quot;csstype&amp;quot;).Property.AccentColor | (import(&amp;quot;csstype&amp;quot;).Property.AccentColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AccentColor[] | undefined; alignContent?: import(&amp;quot;csstype&amp;quot;).Property.AlignContent | (import(&amp;quot;csstype&amp;quot;).Property.AlignContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignContent[] | undefined; alignItems?: import(&amp;quot;csstype&amp;quot;).Property.AlignItems | (import(&amp;quot;csstype&amp;quot;).Property.AlignItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignItems[] | undefined; alignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; alignTracks?: import(&amp;quot;csstype&amp;quot;).Property.AlignTracks | (import(&amp;quot;csstype&amp;quot;).Property.AlignTracks | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignTracks[] | undefined; animationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; animationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; animationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; animationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; animationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; animationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; animationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; animationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; appearance?: import(&amp;quot;csstype&amp;quot;).Property.Appearance | (import(&amp;quot;csstype&amp;quot;).Property.Appearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Appearance[] | undefined; aspectRatio?: import(&amp;quot;csstype&amp;quot;).Property.AspectRatio | (import(&amp;quot;csstype&amp;quot;).Property.AspectRatio | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AspectRatio[] | undefined; backdropFilter?: import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | (import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter[] | undefined; backfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; backgroundAttachment?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment[] | undefined; backgroundBlendMode?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode[] | undefined; backgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; backgroundColor?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor[] | undefined; backgroundImage?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage[] | undefined; backgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundRepeat?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat[] | undefined; backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; blockOverflow?: import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow | (import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow[] | undefined; blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor[] | undefined; borderBlockEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor[] | undefined; borderBlockEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle[] | undefined; borderBlockEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor[] | undefined; borderBlockStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle[] | undefined; borderBlockStartWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle[] | undefined; borderBlockWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor[] | undefined; borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle[] | undefined; borderBottomWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderCollapse?: import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse | (import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse[] | undefined; borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderImageRepeat?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat[] | undefined; borderImageSlice?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; borderImageSource?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource[] | undefined; borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor[] | undefined; borderInlineEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor[] | undefined; borderInlineEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle[] | undefined; borderInlineEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor[] | undefined; borderInlineStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle[] | undefined; borderInlineStartWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle[] | undefined; borderInlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderLeftColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor[] | undefined; borderLeftStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle[] | undefined; borderLeftWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRightColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor[] | undefined; borderRightStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle[] | undefined; borderRightWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor[] | undefined; borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle[] | undefined; borderTopWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; bottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; boxDecorationBreak?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; boxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; boxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; breakAfter?: import(&amp;quot;csstype&amp;quot;).Property.BreakAfter | (import(&amp;quot;csstype&amp;quot;).Property.BreakAfter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakAfter[] | undefined; breakBefore?: import(&amp;quot;csstype&amp;quot;).Property.BreakBefore | (import(&amp;quot;csstype&amp;quot;).Property.BreakBefore | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakBefore[] | undefined; breakInside?: import(&amp;quot;csstype&amp;quot;).Property.BreakInside | (import(&amp;quot;csstype&amp;quot;).Property.BreakInside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakInside[] | undefined; captionSide?: import(&amp;quot;csstype&amp;quot;).Property.CaptionSide | (import(&amp;quot;csstype&amp;quot;).Property.CaptionSide | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CaptionSide[] | undefined; caretColor?: import(&amp;quot;csstype&amp;quot;).Property.CaretColor | (import(&amp;quot;csstype&amp;quot;).Property.CaretColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CaretColor[] | undefined; clear?: import(&amp;quot;csstype&amp;quot;).Property.Clear | (import(&amp;quot;csstype&amp;quot;).Property.Clear | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Clear[] | undefined; clipPath?: import(&amp;quot;csstype&amp;quot;).Property.ClipPath | (import(&amp;quot;csstype&amp;quot;).Property.ClipPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipPath[] | undefined; colorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust[] | undefined; colorScheme?: import(&amp;quot;csstype&amp;quot;).Property.ColorScheme | (import(&amp;quot;csstype&amp;quot;).Property.ColorScheme | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorScheme[] | undefined; columnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; columnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; columnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnSpan?: import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | (import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan[] | undefined; columnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; contain?: import(&amp;quot;csstype&amp;quot;).Property.Contain | (import(&amp;quot;csstype&amp;quot;).Property.Contain | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Contain[] | undefined; content?: import(&amp;quot;csstype&amp;quot;).Property.Content | (import(&amp;quot;csstype&amp;quot;).Property.Content | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Content[] | undefined; contentVisibility?: import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility | (import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility[] | undefined; counterIncrement?: import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement | (import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement[] | undefined; counterReset?: import(&amp;quot;csstype&amp;quot;).Property.CounterReset | (import(&amp;quot;csstype&amp;quot;).Property.CounterReset | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterReset[] | undefined; counterSet?: import(&amp;quot;csstype&amp;quot;).Property.CounterSet | (import(&amp;quot;csstype&amp;quot;).Property.CounterSet | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterSet[] | undefined; cursor?: import(&amp;quot;csstype&amp;quot;).Property.Cursor | (import(&amp;quot;csstype&amp;quot;).Property.Cursor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Cursor[] | undefined; direction?: import(&amp;quot;csstype&amp;quot;).Property.Direction | (import(&amp;quot;csstype&amp;quot;).Property.Direction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Direction[] | undefined; display?: import(&amp;quot;csstype&amp;quot;).Property.Display | (import(&amp;quot;csstype&amp;quot;).Property.Display | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Display[] | undefined; emptyCells?: import(&amp;quot;csstype&amp;quot;).Property.EmptyCells | (import(&amp;quot;csstype&amp;quot;).Property.EmptyCells | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.EmptyCells[] | undefined; filter?: import(&amp;quot;csstype&amp;quot;).Property.Filter | (import(&amp;quot;csstype&amp;quot;).Property.Filter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Filter[] | undefined; flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; flexGrow?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; flexShrink?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | (import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | undefined)[] | undefined; flexWrap?: import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | (import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexWrap[] | undefined; float?: import(&amp;quot;csstype&amp;quot;).Property.Float | (import(&amp;quot;csstype&amp;quot;).Property.Float | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Float[] | undefined; fontFamily?: import(&amp;quot;csstype&amp;quot;).Property.FontFamily | (import(&amp;quot;csstype&amp;quot;).Property.FontFamily | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFamily[] | undefined; fontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; fontKerning?: import(&amp;quot;csstype&amp;quot;).Property.FontKerning | (import(&amp;quot;csstype&amp;quot;).Property.FontKerning | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontKerning[] | undefined; fontLanguageOverride?: import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | (import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride[] | undefined; fontOpticalSizing?: import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing | (import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing[] | undefined; fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; fontSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.FontSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.FontSizeAdjust | undefined)[] | (&amp;quot;none&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;from-font&amp;quot;)[] | undefined; fontSmooth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; fontStretch?: import(&amp;quot;csstype&amp;quot;).Property.FontStretch | (import(&amp;quot;csstype&amp;quot;).Property.FontStretch | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontStretch[] | undefined; fontStyle?: import(&amp;quot;csstype&amp;quot;).Property.FontStyle | (import(&amp;quot;csstype&amp;quot;).Property.FontStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontStyle[] | undefined; fontSynthesis?: import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis | (import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis[] | undefined; fontVariant?: import(&amp;quot;csstype&amp;quot;).Property.FontVariant | (import(&amp;quot;csstype&amp;quot;).Property.FontVariant | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariant[] | undefined; fontVariantCaps?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps[] | undefined; fontVariantEastAsian?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian[] | undefined; fontVariantLigatures?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures[] | undefined; fontVariantNumeric?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric[] | undefined; fontVariantPosition?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition[] | undefined; fontVariationSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings[] | undefined; fontWeight?: import(&amp;quot;csstype&amp;quot;).Property.FontWeight | (import(&amp;quot;csstype&amp;quot;).Property.FontWeight | undefined)[] | (&amp;quot;bold&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot; | &amp;quot;bolder&amp;quot; | &amp;quot;lighter&amp;quot;)[] | undefined; forcedColorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust[] | undefined; gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridAutoFlow?: import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow[] | undefined; gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridColumnEnd?: import(&amp;quot;csstype&amp;quot;).Property.GridColumnEnd | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnEnd | undefined)[] | (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; gridColumnStart?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumnStart | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnStart | undefined)[] | undefined; gridRowEnd?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowEnd | (import(&amp;quot;csstype&amp;quot;).Property.GridRowEnd | undefined)[] | undefined; gridRowStart?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowStart | (import(&amp;quot;csstype&amp;quot;).Property.GridRowStart | undefined)[] | undefined; gridTemplateAreas?: import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas[] | undefined; gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; hangingPunctuation?: import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation | (import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation[] | undefined; height?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined; hyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; imageOrientation?: import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation | (import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation[] | undefined; imageRendering?: import(&amp;quot;csstype&amp;quot;).Property.ImageRendering | (import(&amp;quot;csstype&amp;quot;).Property.ImageRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageRendering[] | undefined; imageResolution?: import(&amp;quot;csstype&amp;quot;).Property.ImageResolution | (import(&amp;quot;csstype&amp;quot;).Property.ImageResolution | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageResolution[] | undefined; initialLetter?: import(&amp;quot;csstype&amp;quot;).Property.InitialLetter | (import(&amp;quot;csstype&amp;quot;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot;)[] | undefined; inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; inset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; isolation?: import(&amp;quot;csstype&amp;quot;).Property.Isolation | (import(&amp;quot;csstype&amp;quot;).Property.Isolation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Isolation[] | undefined; justifyContent?: import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | (import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyContent[] | undefined; justifyItems?: import(&amp;quot;csstype&amp;quot;).Property.JustifyItems | (import(&amp;quot;csstype&amp;quot;).Property.JustifyItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyItems[] | undefined; justifySelf?: import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | (import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifySelf[] | undefined; justifyTracks?: import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks | (import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks[] | undefined; left?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined; letterSpacing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; lineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; lineHeightStep?: string[] | import(&amp;quot;csstype&amp;quot;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined; listStyleImage?: import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage | (import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage[] | undefined; listStylePosition?: import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition | (import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition[] | undefined; listStyleType?: import(&amp;quot;csstype&amp;quot;).Property.ListStyleType | (import(&amp;quot;csstype&amp;quot;).Property.ListStyleType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyleType[] | undefined; marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorderMode?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode[] | undefined; maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorderRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat[] | undefined; maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | undefined)[] | undefined; maskBorderSource?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource[] | undefined; maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskClip?: import(&amp;quot;csstype&amp;quot;).Property.MaskClip | (import(&amp;quot;csstype&amp;quot;).Property.MaskClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskClip[] | undefined; maskComposite?: import(&amp;quot;csstype&amp;quot;).Property.MaskComposite | (import(&amp;quot;csstype&amp;quot;).Property.MaskComposite | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskComposite[] | undefined; maskImage?: import(&amp;quot;csstype&amp;quot;).Property.MaskImage | (import(&amp;quot;csstype&amp;quot;).Property.MaskImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskImage[] | undefined; maskMode?: import(&amp;quot;csstype&amp;quot;).Property.MaskMode | (import(&amp;quot;csstype&amp;quot;).Property.MaskMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskMode[] | undefined; maskOrigin?: import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin | (import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin[] | undefined; maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat[] | undefined; maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskType?: import(&amp;quot;csstype&amp;quot;).Property.MaskType | (import(&amp;quot;csstype&amp;quot;).Property.MaskType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskType[] | undefined; mathStyle?: import(&amp;quot;csstype&amp;quot;).Property.MathStyle | (import(&amp;quot;csstype&amp;quot;).Property.MathStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MathStyle[] | undefined; maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxLines?: import(&amp;quot;csstype&amp;quot;).Property.MaxLines | (import(&amp;quot;csstype&amp;quot;).Property.MaxLines | undefined)[] | (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; mixBlendMode?: import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode | (import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode[] | undefined; motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined; motionPath?: import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | (import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetPath[] | undefined; motionRotation?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; objectFit?: import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | (import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectFit[] | undefined; objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetPath?: import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | (import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetPath[] | undefined; offsetRotate?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; offsetRotation?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; opacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; order?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; orphans?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Orphans | (import(&amp;quot;csstype&amp;quot;).Property.Orphans | undefined)[] | undefined; outlineColor?: import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | (import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineColor[] | undefined; outlineOffset?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; outlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle[] | undefined; outlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; overflowAnchor?: import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor | (import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor[] | undefined; overflowBlock?: import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock | (import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock[] | undefined; overflowClipBox?: import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox | (import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox[] | undefined; overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; overflowInline?: import(&amp;quot;csstype&amp;quot;).Property.OverflowInline | (import(&amp;quot;csstype&amp;quot;).Property.OverflowInline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowInline[] | undefined; overflowWrap?: import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap | (import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap[] | undefined; overflowX?: import(&amp;quot;csstype&amp;quot;).Property.OverflowX | (import(&amp;quot;csstype&amp;quot;).Property.OverflowX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowX[] | undefined; overflowY?: import(&amp;quot;csstype&amp;quot;).Property.OverflowY | (import(&amp;quot;csstype&amp;quot;).Property.OverflowY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowY[] | undefined; overscrollBehaviorBlock?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock[] | undefined; overscrollBehaviorInline?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline[] | undefined; overscrollBehaviorX?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX[] | undefined; overscrollBehaviorY?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY[] | undefined; paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; pageBreakAfter?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter[] | undefined; pageBreakBefore?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore[] | undefined; pageBreakInside?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside[] | undefined; paintOrder?: import(&amp;quot;csstype&amp;quot;).Property.PaintOrder | (import(&amp;quot;csstype&amp;quot;).Property.PaintOrder | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PaintOrder[] | undefined; perspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; placeContent?: import(&amp;quot;csstype&amp;quot;).Property.PlaceContent | (import(&amp;quot;csstype&amp;quot;).Property.PlaceContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceContent[] | undefined; pointerEvents?: import(&amp;quot;csstype&amp;quot;).Property.PointerEvents | (import(&amp;quot;csstype&amp;quot;).Property.PointerEvents | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PointerEvents[] | undefined; position?: import(&amp;quot;csstype&amp;quot;).Property.Position | (import(&amp;quot;csstype&amp;quot;).Property.Position | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Position[] | undefined; quotes?: import(&amp;quot;csstype&amp;quot;).Property.Quotes | (import(&amp;quot;csstype&amp;quot;).Property.Quotes | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Quotes[] | undefined; resize?: import(&amp;quot;csstype&amp;quot;).Property.Resize | (import(&amp;quot;csstype&amp;quot;).Property.Resize | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Resize[] | undefined; right?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined; rotate?: import(&amp;quot;csstype&amp;quot;).Property.Rotate | (import(&amp;quot;csstype&amp;quot;).Property.Rotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Rotate[] | undefined; rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; rubyAlign?: import(&amp;quot;csstype&amp;quot;).Property.RubyAlign | (import(&amp;quot;csstype&amp;quot;).Property.RubyAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyAlign[] | undefined; rubyMerge?: import(&amp;quot;csstype&amp;quot;).Property.RubyMerge | (import(&amp;quot;csstype&amp;quot;).Property.RubyMerge | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyMerge[] | undefined; rubyPosition?: import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | (import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyPosition[] | undefined; scale?: import(&amp;quot;csstype&amp;quot;).Property.Scale | (import(&amp;quot;csstype&amp;quot;).Property.Scale | undefined)[] | (&amp;quot;none&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; scrollBehavior?: import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior | (import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior[] | undefined; scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlockEnd?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlockStart?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBottom?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInlineEnd?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInlineStart?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginLeft?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginRight?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginTop?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapAlign?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign[] | undefined; scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginBottom?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginLeft?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginRight?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginTop?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapStop?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop[] | undefined; scrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType[] | undefined; scrollbarColor?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor[] | undefined; scrollbarGutter?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter[] | undefined; scrollbarWidth?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth[] | undefined; shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeImageThreshold | (import(&amp;quot;csstype&amp;quot;).Property.ShapeImageThreshold | undefined)[] | undefined; shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; shapeOutside?: import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside | (import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside[] | undefined; tabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; tableLayout?: import(&amp;quot;csstype&amp;quot;).Property.TableLayout | (import(&amp;quot;csstype&amp;quot;).Property.TableLayout | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TableLayout[] | undefined; textAlign?: import(&amp;quot;csstype&amp;quot;).Property.TextAlign | (import(&amp;quot;csstype&amp;quot;).Property.TextAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlign[] | undefined; textAlignLast?: import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | (import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast[] | undefined; textCombineUpright?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; textDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; textDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; textDecorationSkip?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip[] | undefined; textDecorationSkipInk?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk[] | undefined; textDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textEmphasisColor?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor[] | undefined; textEmphasisPosition?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition[] | undefined; textEmphasisStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle[] | undefined; textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textJustify?: import(&amp;quot;csstype&amp;quot;).Property.TextJustify | (import(&amp;quot;csstype&amp;quot;).Property.TextJustify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextJustify[] | undefined; textOrientation?: import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | (import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOrientation[] | undefined; textOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; textRendering?: import(&amp;quot;csstype&amp;quot;).Property.TextRendering | (import(&amp;quot;csstype&amp;quot;).Property.TextRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextRendering[] | undefined; textShadow?: import(&amp;quot;csstype&amp;quot;).Property.TextShadow | (import(&amp;quot;csstype&amp;quot;).Property.TextShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextShadow[] | undefined; textSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; textTransform?: import(&amp;quot;csstype&amp;quot;).Property.TextTransform | (import(&amp;quot;csstype&amp;quot;).Property.TextTransform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextTransform[] | undefined; textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textUnderlinePosition?: import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition[] | undefined; top?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined; touchAction?: import(&amp;quot;csstype&amp;quot;).Property.TouchAction | (import(&amp;quot;csstype&amp;quot;).Property.TouchAction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TouchAction[] | undefined; transform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; transformBox?: import(&amp;quot;csstype&amp;quot;).Property.TransformBox | (import(&amp;quot;csstype&amp;quot;).Property.TransformBox | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformBox[] | undefined; transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; transformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; transitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; transitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; transitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; transitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; translate?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined; unicodeBidi?: import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi | (import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi[] | undefined; userSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined; visibility?: import(&amp;quot;csstype&amp;quot;).Property.Visibility | (import(&amp;quot;csstype&amp;quot;).Property.Visibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Visibility[] | undefined; whiteSpace?: import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace | (import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace[] | undefined; widows?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Widows | (import(&amp;quot;csstype&amp;quot;).Property.Widows | undefined)[] | undefined; width?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined; willChange?: import(&amp;quot;csstype&amp;quot;).Property.WillChange | (import(&amp;quot;csstype&amp;quot;).Property.WillChange | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WillChange[] | undefined; wordBreak?: import(&amp;quot;csstype&amp;quot;).Property.WordBreak | (import(&amp;quot;csstype&amp;quot;).Property.WordBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordBreak[] | undefined; wordSpacing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; wordWrap?: import(&amp;quot;csstype&amp;quot;).Property.WordWrap | (import(&amp;quot;csstype&amp;quot;).Property.WordWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordWrap[] | undefined; writingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; zoom?: import(&amp;quot;csstype&amp;quot;).Property.Zoom | (import(&amp;quot;csstype&amp;quot;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot; | &amp;quot;reset&amp;quot;)[] | undefined; all?: import(&amp;quot;csstype&amp;quot;).Globals | import(&amp;quot;csstype&amp;quot;).Globals[] | (import(&amp;quot;csstype&amp;quot;).Globals | undefined)[] | undefined; animation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; background?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; border?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderColor[] | undefined; borderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStyle[] | undefined; borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flexFlow?: import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | (import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexFlow[] | undefined; font?: import(&amp;quot;csstype&amp;quot;).Property.Font | (import(&amp;quot;csstype&amp;quot;).Property.Font | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Font[] | undefined; gap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; grid?: import(&amp;quot;csstype&amp;quot;).Property.Grid | (import(&amp;quot;csstype&amp;quot;).Property.Grid | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Grid[] | undefined; gridArea?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridArea | (import(&amp;quot;csstype&amp;quot;).Property.GridArea | undefined)[] | undefined; gridColumn?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumn | (import(&amp;quot;csstype&amp;quot;).Property.GridColumn | undefined)[] | undefined; gridRow?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRow | (import(&amp;quot;csstype&amp;quot;).Property.GridRow | undefined)[] | undefined; gridTemplate?: import(&amp;quot;csstype&amp;quot;).Property.GridTemplate | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplate[] | undefined; lineClamp?: (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.LineClamp | (import(&amp;quot;csstype&amp;quot;).Property.LineClamp | undefined)[] | undefined; listStyle?: import(&amp;quot;csstype&amp;quot;).Property.ListStyle | (import(&amp;quot;csstype&amp;quot;).Property.ListStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyle[] | undefined; mask?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorder?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot; | &amp;quot;alpha&amp;quot; | &amp;quot;luminance&amp;quot;)[] | undefined; motion?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; outline?: import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined; overflow?: import(&amp;quot;csstype&amp;quot;).Property.Overflow | (import(&amp;quot;csstype&amp;quot;).Property.Overflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Overflow[] | undefined; overscrollBehavior?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior[] | undefined; placeItems?: import(&amp;quot;csstype&amp;quot;).Property.PlaceItems | (import(&amp;quot;csstype&amp;quot;).Property.PlaceItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceItems[] | undefined; placeSelf?: import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf | (import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf[] | undefined; textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textEmphasis?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis[] | undefined; transition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; MozAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; MozAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; MozAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; MozAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; MozAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; MozAppearance?: import(&amp;quot;csstype&amp;quot;).Property.MozAppearance | (import(&amp;quot;csstype&amp;quot;).Property.MozAppearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozAppearance[] | undefined; MozBackfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; MozBorderBottomColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors[] | undefined; MozBorderEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor[] | undefined; MozBorderEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle[] | undefined; MozBorderEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderLeftColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors[] | undefined; MozBorderRightColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors[] | undefined; MozBorderStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor[] | undefined; MozBorderStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle[] | undefined; MozBorderTopColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors[] | undefined; MozBoxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; MozColumnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; MozColumnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; MozColumnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozContextProperties?: import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties | (import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties[] | undefined; MozFontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; MozFontLanguageOverride?: import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | (import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride[] | undefined; MozHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; MozImageRegion?: import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion | (import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion[] | undefined; MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOrient?: import(&amp;quot;csstype&amp;quot;).Property.MozOrient | (import(&amp;quot;csstype&amp;quot;).Property.MozOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozOrient[] | undefined; MozOsxFontSmoothing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPerspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozStackSizing?: import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing | (import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing[] | undefined; MozTabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTextBlink?: import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink | (import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink[] | undefined; MozTextSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTransformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; MozTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; MozTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; MozUserFocus?: import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus | (import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus[] | undefined; MozUserModify?: import(&amp;quot;csstype&amp;quot;).Property.MozUserModify | (import(&amp;quot;csstype&amp;quot;).Property.MozUserModify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserModify[] | undefined; MozUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; MozWindowDragging?: import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging | (import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging[] | undefined; MozWindowShadow?: import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow | (import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow[] | undefined; msAccelerator?: import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator | (import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator[] | undefined; msAlignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; msBlockProgression?: import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression | (import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression[] | undefined; msContentZoomChaining?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining[] | undefined; msContentZoomLimitMax?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax[] | undefined; msContentZoomLimitMin?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin[] | undefined; msContentZoomSnapPoints?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints[] | undefined; msContentZoomSnapType?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType[] | undefined; msContentZooming?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming[] | undefined; msFilter?: import(&amp;quot;csstype&amp;quot;).Property.MsFilter | (import(&amp;quot;csstype&amp;quot;).Property.MsFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFilter[] | undefined; msFlexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; msFlexPositive?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; msFlowFrom?: import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom | (import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom[] | undefined; msFlowInto?: import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto | (import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto[] | undefined; msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msHighContrastAdjust?: import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust | (import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust[] | undefined; msHyphenateLimitChars?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitChars | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitChars | undefined)[] | undefined; msHyphenateLimitLines?: import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitLines | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;no-limit&amp;quot;)[] | undefined; msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; msImeAlign?: import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign | (import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign[] | undefined; msJustifySelf?: import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | (import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifySelf[] | undefined; msLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; msOrder?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; msOverflowStyle?: import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle | (import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle[] | undefined; msOverflowX?: import(&amp;quot;csstype&amp;quot;).Property.OverflowX | (import(&amp;quot;csstype&amp;quot;).Property.OverflowX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowX[] | undefined; msOverflowY?: import(&amp;quot;csstype&amp;quot;).Property.OverflowY | (import(&amp;quot;csstype&amp;quot;).Property.OverflowY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowY[] | undefined; msScrollChaining?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining[] | undefined; msScrollLimitXMax?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitXMin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitYMax?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitYMin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollRails?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails[] | undefined; msScrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX[] | undefined; msScrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY[] | undefined; msScrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType[] | undefined; msScrollTranslation?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation[] | undefined; msScrollbar3dlightColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor[] | undefined; msScrollbarArrowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor[] | undefined; msScrollbarBaseColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor[] | undefined; msScrollbarDarkshadowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor[] | undefined; msScrollbarFaceColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor[] | undefined; msScrollbarHighlightColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor[] | undefined; msScrollbarShadowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor[] | undefined; msTextAutospace?: import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace | (import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace[] | undefined; msTextCombineHorizontal?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; msTextOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; msTouchAction?: import(&amp;quot;csstype&amp;quot;).Property.TouchAction | (import(&amp;quot;csstype&amp;quot;).Property.TouchAction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TouchAction[] | undefined; msTouchSelect?: import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect | (import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect[] | undefined; msTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; msTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; msUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect | (import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect[] | undefined; msWordBreak?: import(&amp;quot;csstype&amp;quot;).Property.WordBreak | (import(&amp;quot;csstype&amp;quot;).Property.WordBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordBreak[] | undefined; msWrapFlow?: import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow[] | undefined; msWrapMargin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msWrapThrough?: import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough[] | undefined; msWritingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; WebkitAlignContent?: import(&amp;quot;csstype&amp;quot;).Property.AlignContent | (import(&amp;quot;csstype&amp;quot;).Property.AlignContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignContent[] | undefined; WebkitAlignItems?: import(&amp;quot;csstype&amp;quot;).Property.AlignItems | (import(&amp;quot;csstype&amp;quot;).Property.AlignItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignItems[] | undefined; WebkitAlignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; WebkitAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; WebkitAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; WebkitAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; WebkitAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; WebkitAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; WebkitAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; WebkitAppearance?: import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance | (import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance[] | undefined; WebkitBackdropFilter?: import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | (import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter[] | undefined; WebkitBackfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; WebkitBackgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; WebkitBackgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBeforeColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor[] | undefined; WebkitBorderBeforeStyle?: import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle[] | undefined; WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderImageSlice?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBoxDecorationBreak?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBoxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; WebkitBoxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; WebkitClipPath?: import(&amp;quot;csstype&amp;quot;).Property.ClipPath | (import(&amp;quot;csstype&amp;quot;).Property.ClipPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipPath[] | undefined; WebkitColumnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; WebkitColumnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; WebkitColumnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnSpan?: import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | (import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan[] | undefined; WebkitColumnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFilter?: import(&amp;quot;csstype&amp;quot;).Property.Filter | (import(&amp;quot;csstype&amp;quot;).Property.Filter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Filter[] | undefined; WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; WebkitFlexGrow?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; WebkitFlexShrink?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | (import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | undefined)[] | undefined; WebkitFlexWrap?: import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | (import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexWrap[] | undefined; WebkitFontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; WebkitFontKerning?: import(&amp;quot;csstype&amp;quot;).Property.FontKerning | (import(&amp;quot;csstype&amp;quot;).Property.FontKerning | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontKerning[] | undefined; WebkitFontSmoothing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFontVariantLigatures?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures[] | undefined; WebkitHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; WebkitJustifyContent?: import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | (import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyContent[] | undefined; WebkitLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; WebkitLineClamp?: (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitLineClamp | (import(&amp;quot;csstype&amp;quot;).Property.WebkitLineClamp | undefined)[] | undefined; WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskAttachment?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment[] | undefined; WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskBoxImageRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat[] | undefined; WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | undefined)[] | undefined; WebkitMaskBoxImageSource?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource[] | undefined; WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskClip?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip[] | undefined; WebkitMaskComposite?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite[] | undefined; WebkitMaskImage?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage[] | undefined; WebkitMaskOrigin?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin[] | undefined; WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskRepeat?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat[] | undefined; WebkitMaskRepeatX?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX[] | undefined; WebkitMaskRepeatY?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY[] | undefined; WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitOrder?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; WebkitOverflowScrolling?: import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling | (import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling[] | undefined; WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPerspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPrintColorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust[] | undefined; WebkitRubyPosition?: import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | (import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyPosition[] | undefined; WebkitScrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType[] | undefined; WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTapHighlightColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor[] | undefined; WebkitTextCombine?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; WebkitTextDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; WebkitTextDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; WebkitTextDecorationSkip?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip[] | undefined; WebkitTextDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; WebkitTextEmphasisColor?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor[] | undefined; WebkitTextEmphasisPosition?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition[] | undefined; WebkitTextEmphasisStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle[] | undefined; WebkitTextFillColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor[] | undefined; WebkitTextOrientation?: import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | (import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOrientation[] | undefined; WebkitTextSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; WebkitTextStrokeColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor[] | undefined; WebkitTextStrokeWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTextUnderlinePosition?: import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition[] | undefined; WebkitTouchCallout?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout[] | undefined; WebkitTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTransformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; WebkitTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; WebkitTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; WebkitUserModify?: import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify | (import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify[] | undefined; WebkitUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; WebkitWritingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; MozAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; MozBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msContentZoomLimit?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit[] | undefined; msContentZoomSnap?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap[] | undefined; msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimit?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit[] | undefined; msScrollSnapX?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX[] | undefined; msScrollSnapY?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY[] | undefined; msTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlexFlow?: import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | (import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexFlow[] | undefined; WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskBoxImage?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot; | &amp;quot;alpha&amp;quot; | &amp;quot;luminance&amp;quot;)[] | undefined; WebkitTextEmphasis?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis[] | undefined; WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; azimuth?: import(&amp;quot;csstype&amp;quot;).Property.Azimuth | (import(&amp;quot;csstype&amp;quot;).Property.Azimuth | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Azimuth[] | undefined; boxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; boxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; boxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; boxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; boxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; boxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; boxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; boxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; clip?: import(&amp;quot;csstype&amp;quot;).Property.Clip | (import(&amp;quot;csstype&amp;quot;).Property.Clip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Clip[] | undefined; fontVariantAlternates?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates[] | undefined; gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; imeMode?: import(&amp;quot;csstype&amp;quot;).Property.ImeMode | (import(&amp;quot;csstype&amp;quot;).Property.ImeMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImeMode[] | undefined; offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX[] | undefined; scrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY[] | undefined; scrollSnapTypeX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX[] | undefined; scrollSnapTypeY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY[] | undefined; scrollbarTrackColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor[] | undefined; KhtmlBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; KhtmlBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; KhtmlBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; KhtmlBoxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; KhtmlBoxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; KhtmlBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; KhtmlBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; KhtmlBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; KhtmlLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; KhtmlUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; MozBackgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; MozBackgroundInlinePolicy?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; MozBackgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBinding?: import(&amp;quot;csstype&amp;quot;).Property.MozBinding | (import(&amp;quot;csstype&amp;quot;).Property.MozBinding | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBinding[] | undefined; MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; MozBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; MozBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; MozBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; MozBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; MozBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; MozBoxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; MozFloatEdge?: import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge | (import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge[] | undefined; MozForceBrokenImageIcon?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.MozForceBrokenImageIcon | (import(&amp;quot;csstype&amp;quot;).Property.MozForceBrokenImageIcon | undefined)[] | undefined; MozOpacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; MozOutline?: import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined; MozOutlineColor?: import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | (import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineColor[] | undefined; MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle[] | undefined; MozOutlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTextAlignLast?: import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | (import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast[] | undefined; MozTextDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; MozTextDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; MozTextDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; MozUserInput?: import(&amp;quot;csstype&amp;quot;).Property.MozUserInput | (import(&amp;quot;csstype&amp;quot;).Property.MozUserInput | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserInput[] | undefined; msImeMode?: import(&amp;quot;csstype&amp;quot;).Property.ImeMode | (import(&amp;quot;csstype&amp;quot;).Property.ImeMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImeMode[] | undefined; msScrollbarTrackColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor[] | undefined; OAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; OAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; OAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; OAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; OAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; OAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; OAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; OObjectFit?: import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | (import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectFit[] | undefined; OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTextOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; OTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; OTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; WebkitBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; WebkitBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; WebkitBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; WebkitBoxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; WebkitBoxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; WebkitBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; WebkitBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; WebkitBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; WebkitScrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX[] | undefined; WebkitScrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY[] | undefined; alignmentBaseline?: import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline | (import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline[] | undefined; baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined; clipRule?: import(&amp;quot;csstype&amp;quot;).Property.ClipRule | (import(&amp;quot;csstype&amp;quot;).Property.ClipRule | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipRule[] | undefined; colorInterpolation?: import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation | (import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation[] | undefined; colorRendering?: import(&amp;quot;csstype&amp;quot;).Property.ColorRendering | (import(&amp;quot;csstype&amp;quot;).Property.ColorRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorRendering[] | undefined; dominantBaseline?: import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline | (import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline[] | undefined; fill?: import(&amp;quot;csstype&amp;quot;).Property.Fill | (import(&amp;quot;csstype&amp;quot;).Property.Fill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Fill[] | undefined; fillOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FillOpacity | (import(&amp;quot;csstype&amp;quot;).Property.FillOpacity | undefined)[] | undefined; fillRule?: import(&amp;quot;csstype&amp;quot;).Property.FillRule | (import(&amp;quot;csstype&amp;quot;).Property.FillRule | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FillRule[] | undefined; floodColor?: import(&amp;quot;csstype&amp;quot;).Property.FloodColor | (import(&amp;quot;csstype&amp;quot;).Property.FloodColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FloodColor[] | undefined; floodOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FloodOpacity | (import(&amp;quot;csstype&amp;quot;).Property.FloodOpacity | undefined)[] | undefined; glyphOrientationVertical?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GlyphOrientationVertical | (import(&amp;quot;csstype&amp;quot;).Property.GlyphOrientationVertical | undefined)[] | undefined; lightingColor?: import(&amp;quot;csstype&amp;quot;).Property.LightingColor | (import(&amp;quot;csstype&amp;quot;).Property.LightingColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LightingColor[] | undefined; marker?: import(&amp;quot;csstype&amp;quot;).Property.Marker | (import(&amp;quot;csstype&amp;quot;).Property.Marker | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Marker[] | undefined; markerEnd?: import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd | (import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd[] | undefined; markerMid?: import(&amp;quot;csstype&amp;quot;).Property.MarkerMid | (import(&amp;quot;csstype&amp;quot;).Property.MarkerMid | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerMid[] | undefined; markerStart?: import(&amp;quot;csstype&amp;quot;).Property.MarkerStart | (import(&amp;quot;csstype&amp;quot;).Property.MarkerStart | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerStart[] | undefined; shapeRendering?: import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering | (import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering[] | undefined; stopColor?: import(&amp;quot;csstype&amp;quot;).Property.StopColor | (import(&amp;quot;csstype&amp;quot;).Property.StopColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StopColor[] | undefined; stopOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StopOpacity | (import(&amp;quot;csstype&amp;quot;).Property.StopOpacity | undefined)[] | undefined; stroke?: import(&amp;quot;csstype&amp;quot;).Property.Stroke | (import(&amp;quot;csstype&amp;quot;).Property.Stroke | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Stroke[] | undefined; strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined; strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; strokeLinecap?: import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap | (import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap[] | undefined; strokeLinejoin?: import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin | (import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin[] | undefined; strokeMiterlimit?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeMiterlimit | (import(&amp;quot;csstype&amp;quot;).Property.StrokeMiterlimit | undefined)[] | undefined; strokeOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeOpacity | (import(&amp;quot;csstype&amp;quot;).Property.StrokeOpacity | undefined)[] | undefined; strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textAnchor?: import(&amp;quot;csstype&amp;quot;).Property.TextAnchor | (import(&amp;quot;csstype&amp;quot;).Property.TextAnchor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAnchor[] | undefined; vectorEffect?: import(&amp;quot;csstype&amp;quot;).Property.VectorEffect | (import(&amp;quot;csstype&amp;quot;).Property.VectorEffect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.VectorEffect[] | undefined; &amp;quot;:-moz-any()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-dir&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-any()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::cue&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::cue-region&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::part&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::slotted&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:dir&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:has&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:host&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:host-context&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:is&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:lang&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:matches()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:not&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:where&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-khtml-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-focusring&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-full-screen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-read-only&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-read-write&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-ui-invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-ui-valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-ms-fullscreen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-ms-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-full-screen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-progress-bar&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-progress&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-selection&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-browse&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-check&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-clear&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill-lower&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill-upper&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-reveal&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-ticks-after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-ticks-before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-tooltip&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-bar&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-inner-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-slider-runnable-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-slider-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::first-letter&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::first-line&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::grammar-error&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::marker&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::selection&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::spelling-error&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::target-text&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:active&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:blank&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:checked&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:current&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:default&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:defined&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:disabled&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:empty&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:enabled&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-letter&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-line&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus-visible&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus-within&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:fullscreen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:future&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:hover&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:in-range&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:indeterminate&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:last-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:last-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:left&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:local-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-col&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-col&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:only-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:only-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:optional&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:out-of-range&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:past&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:paused&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:picture-in-picture&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:placeholder-shown&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:read-only&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:read-write&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:required&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:right&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:root&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:scope&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:target&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:target-within&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:user-invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:user-valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:visited&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; label?: string | undefined; }; loadingIndicator: () =&amp;gt; {}; loadingMessage: () =&amp;gt; {}; menu: () =&amp;gt; {}; menuList: ({ maxHeight }: { maxHeight: number; }) =&amp;gt; { maxHeight: number; }; multiValue: () =&amp;gt; {}; multiValueLabel: () =&amp;gt; {}; multiValueRemove: () =&amp;gt; {}; noOptionsMessage: () =&amp;gt; {}; option: () =&amp;gt; {}; placeholder: (originalStyles: CSSObjectWithLabel) =&amp;gt; { color: string; accentColor?: import(&amp;quot;csstype&amp;quot;).Property.AccentColor | (import(&amp;quot;csstype&amp;quot;).Property.AccentColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AccentColor[] | undefined; alignContent?: import(&amp;quot;csstype&amp;quot;).Property.AlignContent | (import(&amp;quot;csstype&amp;quot;).Property.AlignContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignContent[] | undefined; alignItems?: import(&amp;quot;csstype&amp;quot;).Property.AlignItems | (import(&amp;quot;csstype&amp;quot;).Property.AlignItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignItems[] | undefined; alignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; alignTracks?: import(&amp;quot;csstype&amp;quot;).Property.AlignTracks | (import(&amp;quot;csstype&amp;quot;).Property.AlignTracks | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignTracks[] | undefined; animationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; animationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; animationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; animationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; animationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; animationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; animationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; animationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; appearance?: import(&amp;quot;csstype&amp;quot;).Property.Appearance | (import(&amp;quot;csstype&amp;quot;).Property.Appearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Appearance[] | undefined; aspectRatio?: import(&amp;quot;csstype&amp;quot;).Property.AspectRatio | (import(&amp;quot;csstype&amp;quot;).Property.AspectRatio | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AspectRatio[] | undefined; backdropFilter?: import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | (import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter[] | undefined; backfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; backgroundAttachment?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundAttachment[] | undefined; backgroundBlendMode?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundBlendMode[] | undefined; backgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; backgroundColor?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundColor[] | undefined; backgroundImage?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundImage[] | undefined; backgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundRepeat?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundRepeat[] | undefined; backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; blockOverflow?: import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow | (import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BlockOverflow[] | undefined; blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockColor[] | undefined; borderBlockEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndColor[] | undefined; borderBlockEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndStyle[] | undefined; borderBlockEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartColor[] | undefined; borderBlockStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartStyle[] | undefined; borderBlockStartWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStyle[] | undefined; borderBlockWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomColor[] | undefined; borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottomStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomStyle[] | undefined; borderBottomWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderCollapse?: import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse | (import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderCollapse[] | undefined; borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderImageRepeat?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageRepeat[] | undefined; borderImageSlice?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; borderImageSource?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageSource[] | undefined; borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineColor[] | undefined; borderInlineEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor[] | undefined; borderInlineEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle[] | undefined; borderInlineEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor[] | undefined; borderInlineStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle[] | undefined; borderInlineStartWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStyle[] | undefined; borderInlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderLeftColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftColor[] | undefined; borderLeftStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftStyle[] | undefined; borderLeftWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRightColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightColor[] | undefined; borderRightStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightStyle[] | undefined; borderRightWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopColor[] | undefined; borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderTopStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopStyle[] | undefined; borderTopWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; bottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; boxDecorationBreak?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; boxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; boxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; breakAfter?: import(&amp;quot;csstype&amp;quot;).Property.BreakAfter | (import(&amp;quot;csstype&amp;quot;).Property.BreakAfter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakAfter[] | undefined; breakBefore?: import(&amp;quot;csstype&amp;quot;).Property.BreakBefore | (import(&amp;quot;csstype&amp;quot;).Property.BreakBefore | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakBefore[] | undefined; breakInside?: import(&amp;quot;csstype&amp;quot;).Property.BreakInside | (import(&amp;quot;csstype&amp;quot;).Property.BreakInside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BreakInside[] | undefined; captionSide?: import(&amp;quot;csstype&amp;quot;).Property.CaptionSide | (import(&amp;quot;csstype&amp;quot;).Property.CaptionSide | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CaptionSide[] | undefined; caretColor?: import(&amp;quot;csstype&amp;quot;).Property.CaretColor | (import(&amp;quot;csstype&amp;quot;).Property.CaretColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CaretColor[] | undefined; clear?: import(&amp;quot;csstype&amp;quot;).Property.Clear | (import(&amp;quot;csstype&amp;quot;).Property.Clear | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Clear[] | undefined; clipPath?: import(&amp;quot;csstype&amp;quot;).Property.ClipPath | (import(&amp;quot;csstype&amp;quot;).Property.ClipPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipPath[] | undefined; colorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust[] | undefined; colorScheme?: import(&amp;quot;csstype&amp;quot;).Property.ColorScheme | (import(&amp;quot;csstype&amp;quot;).Property.ColorScheme | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorScheme[] | undefined; columnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; columnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; columnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnSpan?: import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | (import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan[] | undefined; columnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; contain?: import(&amp;quot;csstype&amp;quot;).Property.Contain | (import(&amp;quot;csstype&amp;quot;).Property.Contain | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Contain[] | undefined; content?: import(&amp;quot;csstype&amp;quot;).Property.Content | (import(&amp;quot;csstype&amp;quot;).Property.Content | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Content[] | undefined; contentVisibility?: import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility | (import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ContentVisibility[] | undefined; counterIncrement?: import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement | (import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterIncrement[] | undefined; counterReset?: import(&amp;quot;csstype&amp;quot;).Property.CounterReset | (import(&amp;quot;csstype&amp;quot;).Property.CounterReset | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterReset[] | undefined; counterSet?: import(&amp;quot;csstype&amp;quot;).Property.CounterSet | (import(&amp;quot;csstype&amp;quot;).Property.CounterSet | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.CounterSet[] | undefined; cursor?: import(&amp;quot;csstype&amp;quot;).Property.Cursor | (import(&amp;quot;csstype&amp;quot;).Property.Cursor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Cursor[] | undefined; direction?: import(&amp;quot;csstype&amp;quot;).Property.Direction | (import(&amp;quot;csstype&amp;quot;).Property.Direction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Direction[] | undefined; display?: import(&amp;quot;csstype&amp;quot;).Property.Display | (import(&amp;quot;csstype&amp;quot;).Property.Display | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Display[] | undefined; emptyCells?: import(&amp;quot;csstype&amp;quot;).Property.EmptyCells | (import(&amp;quot;csstype&amp;quot;).Property.EmptyCells | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.EmptyCells[] | undefined; filter?: import(&amp;quot;csstype&amp;quot;).Property.Filter | (import(&amp;quot;csstype&amp;quot;).Property.Filter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Filter[] | undefined; flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; flexGrow?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; flexShrink?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | (import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | undefined)[] | undefined; flexWrap?: import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | (import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexWrap[] | undefined; float?: import(&amp;quot;csstype&amp;quot;).Property.Float | (import(&amp;quot;csstype&amp;quot;).Property.Float | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Float[] | undefined; fontFamily?: import(&amp;quot;csstype&amp;quot;).Property.FontFamily | (import(&amp;quot;csstype&amp;quot;).Property.FontFamily | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFamily[] | undefined; fontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; fontKerning?: import(&amp;quot;csstype&amp;quot;).Property.FontKerning | (import(&amp;quot;csstype&amp;quot;).Property.FontKerning | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontKerning[] | undefined; fontLanguageOverride?: import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | (import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride[] | undefined; fontOpticalSizing?: import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing | (import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontOpticalSizing[] | undefined; fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; fontSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.FontSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.FontSizeAdjust | undefined)[] | (&amp;quot;none&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;from-font&amp;quot;)[] | undefined; fontSmooth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; fontStretch?: import(&amp;quot;csstype&amp;quot;).Property.FontStretch | (import(&amp;quot;csstype&amp;quot;).Property.FontStretch | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontStretch[] | undefined; fontStyle?: import(&amp;quot;csstype&amp;quot;).Property.FontStyle | (import(&amp;quot;csstype&amp;quot;).Property.FontStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontStyle[] | undefined; fontSynthesis?: import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis | (import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontSynthesis[] | undefined; fontVariant?: import(&amp;quot;csstype&amp;quot;).Property.FontVariant | (import(&amp;quot;csstype&amp;quot;).Property.FontVariant | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariant[] | undefined; fontVariantCaps?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantCaps[] | undefined; fontVariantEastAsian?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantEastAsian[] | undefined; fontVariantLigatures?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures[] | undefined; fontVariantNumeric?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantNumeric[] | undefined; fontVariantPosition?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantPosition[] | undefined; fontVariationSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariationSettings[] | undefined; fontWeight?: import(&amp;quot;csstype&amp;quot;).Property.FontWeight | (import(&amp;quot;csstype&amp;quot;).Property.FontWeight | undefined)[] | (&amp;quot;bold&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot; | &amp;quot;bolder&amp;quot; | &amp;quot;lighter&amp;quot;)[] | undefined; forcedColorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ForcedColorAdjust[] | undefined; gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridAutoFlow?: import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoFlow[] | undefined; gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridColumnEnd?: import(&amp;quot;csstype&amp;quot;).Property.GridColumnEnd | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnEnd | undefined)[] | (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; gridColumnStart?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumnStart | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnStart | undefined)[] | undefined; gridRowEnd?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowEnd | (import(&amp;quot;csstype&amp;quot;).Property.GridRowEnd | undefined)[] | undefined; gridRowStart?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowStart | (import(&amp;quot;csstype&amp;quot;).Property.GridRowStart | undefined)[] | undefined; gridTemplateAreas?: import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateAreas[] | undefined; gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; hangingPunctuation?: import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation | (import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.HangingPunctuation[] | undefined; height?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined; hyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; imageOrientation?: import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation | (import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageOrientation[] | undefined; imageRendering?: import(&amp;quot;csstype&amp;quot;).Property.ImageRendering | (import(&amp;quot;csstype&amp;quot;).Property.ImageRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageRendering[] | undefined; imageResolution?: import(&amp;quot;csstype&amp;quot;).Property.ImageResolution | (import(&amp;quot;csstype&amp;quot;).Property.ImageResolution | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImageResolution[] | undefined; initialLetter?: import(&amp;quot;csstype&amp;quot;).Property.InitialLetter | (import(&amp;quot;csstype&amp;quot;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot;)[] | undefined; inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; inset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; isolation?: import(&amp;quot;csstype&amp;quot;).Property.Isolation | (import(&amp;quot;csstype&amp;quot;).Property.Isolation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Isolation[] | undefined; justifyContent?: import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | (import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyContent[] | undefined; justifyItems?: import(&amp;quot;csstype&amp;quot;).Property.JustifyItems | (import(&amp;quot;csstype&amp;quot;).Property.JustifyItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyItems[] | undefined; justifySelf?: import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | (import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifySelf[] | undefined; justifyTracks?: import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks | (import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyTracks[] | undefined; left?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined; letterSpacing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; lineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; lineHeightStep?: string[] | import(&amp;quot;csstype&amp;quot;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined; listStyleImage?: import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage | (import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyleImage[] | undefined; listStylePosition?: import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition | (import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStylePosition[] | undefined; listStyleType?: import(&amp;quot;csstype&amp;quot;).Property.ListStyleType | (import(&amp;quot;csstype&amp;quot;).Property.ListStyleType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyleType[] | undefined; marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorderMode?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderMode[] | undefined; maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorderRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat[] | undefined; maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | undefined)[] | undefined; maskBorderSource?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource[] | undefined; maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskClip?: import(&amp;quot;csstype&amp;quot;).Property.MaskClip | (import(&amp;quot;csstype&amp;quot;).Property.MaskClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskClip[] | undefined; maskComposite?: import(&amp;quot;csstype&amp;quot;).Property.MaskComposite | (import(&amp;quot;csstype&amp;quot;).Property.MaskComposite | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskComposite[] | undefined; maskImage?: import(&amp;quot;csstype&amp;quot;).Property.MaskImage | (import(&amp;quot;csstype&amp;quot;).Property.MaskImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskImage[] | undefined; maskMode?: import(&amp;quot;csstype&amp;quot;).Property.MaskMode | (import(&amp;quot;csstype&amp;quot;).Property.MaskMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskMode[] | undefined; maskOrigin?: import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin | (import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskOrigin[] | undefined; maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskRepeat[] | undefined; maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskType?: import(&amp;quot;csstype&amp;quot;).Property.MaskType | (import(&amp;quot;csstype&amp;quot;).Property.MaskType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskType[] | undefined; mathStyle?: import(&amp;quot;csstype&amp;quot;).Property.MathStyle | (import(&amp;quot;csstype&amp;quot;).Property.MathStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MathStyle[] | undefined; maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maxLines?: import(&amp;quot;csstype&amp;quot;).Property.MaxLines | (import(&amp;quot;csstype&amp;quot;).Property.MaxLines | undefined)[] | (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; mixBlendMode?: import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode | (import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MixBlendMode[] | undefined; motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined; motionPath?: import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | (import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetPath[] | undefined; motionRotation?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; objectFit?: import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | (import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectFit[] | undefined; objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetPath?: import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | (import(&amp;quot;csstype&amp;quot;).Property.OffsetPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetPath[] | undefined; offsetRotate?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; offsetRotation?: import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | (import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OffsetRotate[] | undefined; opacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; order?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; orphans?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Orphans | (import(&amp;quot;csstype&amp;quot;).Property.Orphans | undefined)[] | undefined; outlineColor?: import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | (import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineColor[] | undefined; outlineOffset?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; outlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle[] | undefined; outlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; overflowAnchor?: import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor | (import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowAnchor[] | undefined; overflowBlock?: import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock | (import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowBlock[] | undefined; overflowClipBox?: import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox | (import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowClipBox[] | undefined; overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; overflowInline?: import(&amp;quot;csstype&amp;quot;).Property.OverflowInline | (import(&amp;quot;csstype&amp;quot;).Property.OverflowInline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowInline[] | undefined; overflowWrap?: import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap | (import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowWrap[] | undefined; overflowX?: import(&amp;quot;csstype&amp;quot;).Property.OverflowX | (import(&amp;quot;csstype&amp;quot;).Property.OverflowX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowX[] | undefined; overflowY?: import(&amp;quot;csstype&amp;quot;).Property.OverflowY | (import(&amp;quot;csstype&amp;quot;).Property.OverflowY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowY[] | undefined; overscrollBehaviorBlock?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorBlock[] | undefined; overscrollBehaviorInline?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorInline[] | undefined; overscrollBehaviorX?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorX[] | undefined; overscrollBehaviorY?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehaviorY[] | undefined; paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; pageBreakAfter?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakAfter[] | undefined; pageBreakBefore?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakBefore[] | undefined; pageBreakInside?: import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside | (import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PageBreakInside[] | undefined; paintOrder?: import(&amp;quot;csstype&amp;quot;).Property.PaintOrder | (import(&amp;quot;csstype&amp;quot;).Property.PaintOrder | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PaintOrder[] | undefined; perspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; placeContent?: import(&amp;quot;csstype&amp;quot;).Property.PlaceContent | (import(&amp;quot;csstype&amp;quot;).Property.PlaceContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceContent[] | undefined; pointerEvents?: import(&amp;quot;csstype&amp;quot;).Property.PointerEvents | (import(&amp;quot;csstype&amp;quot;).Property.PointerEvents | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PointerEvents[] | undefined; position?: import(&amp;quot;csstype&amp;quot;).Property.Position | (import(&amp;quot;csstype&amp;quot;).Property.Position | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Position[] | undefined; quotes?: import(&amp;quot;csstype&amp;quot;).Property.Quotes | (import(&amp;quot;csstype&amp;quot;).Property.Quotes | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Quotes[] | undefined; resize?: import(&amp;quot;csstype&amp;quot;).Property.Resize | (import(&amp;quot;csstype&amp;quot;).Property.Resize | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Resize[] | undefined; right?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined; rotate?: import(&amp;quot;csstype&amp;quot;).Property.Rotate | (import(&amp;quot;csstype&amp;quot;).Property.Rotate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Rotate[] | undefined; rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; rubyAlign?: import(&amp;quot;csstype&amp;quot;).Property.RubyAlign | (import(&amp;quot;csstype&amp;quot;).Property.RubyAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyAlign[] | undefined; rubyMerge?: import(&amp;quot;csstype&amp;quot;).Property.RubyMerge | (import(&amp;quot;csstype&amp;quot;).Property.RubyMerge | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyMerge[] | undefined; rubyPosition?: import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | (import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyPosition[] | undefined; scale?: import(&amp;quot;csstype&amp;quot;).Property.Scale | (import(&amp;quot;csstype&amp;quot;).Property.Scale | undefined)[] | (&amp;quot;none&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; scrollBehavior?: import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior | (import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollBehavior[] | undefined; scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlockEnd?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBlockStart?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginBottom?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInlineEnd?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginInlineStart?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginLeft?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginRight?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollMarginTop?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapAlign?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapAlign[] | undefined; scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginBottom?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginLeft?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginRight?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapMarginTop?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapStop?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapStop[] | undefined; scrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType[] | undefined; scrollbarColor?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarColor[] | undefined; scrollbarGutter?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarGutter[] | undefined; scrollbarWidth?: import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth | (import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollbarWidth[] | undefined; shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeImageThreshold | (import(&amp;quot;csstype&amp;quot;).Property.ShapeImageThreshold | undefined)[] | undefined; shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; shapeOutside?: import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside | (import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeOutside[] | undefined; tabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; tableLayout?: import(&amp;quot;csstype&amp;quot;).Property.TableLayout | (import(&amp;quot;csstype&amp;quot;).Property.TableLayout | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TableLayout[] | undefined; textAlign?: import(&amp;quot;csstype&amp;quot;).Property.TextAlign | (import(&amp;quot;csstype&amp;quot;).Property.TextAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlign[] | undefined; textAlignLast?: import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | (import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast[] | undefined; textCombineUpright?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; textDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; textDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; textDecorationSkip?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip[] | undefined; textDecorationSkipInk?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkipInk[] | undefined; textDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textEmphasisColor?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor[] | undefined; textEmphasisPosition?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition[] | undefined; textEmphasisStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle[] | undefined; textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textJustify?: import(&amp;quot;csstype&amp;quot;).Property.TextJustify | (import(&amp;quot;csstype&amp;quot;).Property.TextJustify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextJustify[] | undefined; textOrientation?: import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | (import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOrientation[] | undefined; textOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; textRendering?: import(&amp;quot;csstype&amp;quot;).Property.TextRendering | (import(&amp;quot;csstype&amp;quot;).Property.TextRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextRendering[] | undefined; textShadow?: import(&amp;quot;csstype&amp;quot;).Property.TextShadow | (import(&amp;quot;csstype&amp;quot;).Property.TextShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextShadow[] | undefined; textSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; textTransform?: import(&amp;quot;csstype&amp;quot;).Property.TextTransform | (import(&amp;quot;csstype&amp;quot;).Property.TextTransform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextTransform[] | undefined; textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textUnderlinePosition?: import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition[] | undefined; top?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined; touchAction?: import(&amp;quot;csstype&amp;quot;).Property.TouchAction | (import(&amp;quot;csstype&amp;quot;).Property.TouchAction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TouchAction[] | undefined; transform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; transformBox?: import(&amp;quot;csstype&amp;quot;).Property.TransformBox | (import(&amp;quot;csstype&amp;quot;).Property.TransformBox | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformBox[] | undefined; transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; transformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; transitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; transitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; transitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; transitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; translate?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined; unicodeBidi?: import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi | (import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UnicodeBidi[] | undefined; userSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined; visibility?: import(&amp;quot;csstype&amp;quot;).Property.Visibility | (import(&amp;quot;csstype&amp;quot;).Property.Visibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Visibility[] | undefined; whiteSpace?: import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace | (import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WhiteSpace[] | undefined; widows?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Widows | (import(&amp;quot;csstype&amp;quot;).Property.Widows | undefined)[] | undefined; width?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined; willChange?: import(&amp;quot;csstype&amp;quot;).Property.WillChange | (import(&amp;quot;csstype&amp;quot;).Property.WillChange | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WillChange[] | undefined; wordBreak?: import(&amp;quot;csstype&amp;quot;).Property.WordBreak | (import(&amp;quot;csstype&amp;quot;).Property.WordBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordBreak[] | undefined; wordSpacing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined; wordWrap?: import(&amp;quot;csstype&amp;quot;).Property.WordWrap | (import(&amp;quot;csstype&amp;quot;).Property.WordWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordWrap[] | undefined; writingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; zIndex?: (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.ZIndex | (import(&amp;quot;csstype&amp;quot;).Property.ZIndex | undefined)[] | undefined; zoom?: import(&amp;quot;csstype&amp;quot;).Property.Zoom | (import(&amp;quot;csstype&amp;quot;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;normal&amp;quot; | &amp;quot;reset&amp;quot;)[] | undefined; all?: import(&amp;quot;csstype&amp;quot;).Globals | import(&amp;quot;csstype&amp;quot;).Globals[] | (import(&amp;quot;csstype&amp;quot;).Globals | undefined)[] | undefined; animation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; background?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined; backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; border?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderColor[] | undefined; borderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderStyle[] | undefined; borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined; borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; columns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; flexFlow?: import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | (import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexFlow[] | undefined; font?: import(&amp;quot;csstype&amp;quot;).Property.Font | (import(&amp;quot;csstype&amp;quot;).Property.Font | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Font[] | undefined; gap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; grid?: import(&amp;quot;csstype&amp;quot;).Property.Grid | (import(&amp;quot;csstype&amp;quot;).Property.Grid | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Grid[] | undefined; gridArea?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridArea | (import(&amp;quot;csstype&amp;quot;).Property.GridArea | undefined)[] | undefined; gridColumn?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumn | (import(&amp;quot;csstype&amp;quot;).Property.GridColumn | undefined)[] | undefined; gridRow?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GridRow | (import(&amp;quot;csstype&amp;quot;).Property.GridRow | undefined)[] | undefined; gridTemplate?: import(&amp;quot;csstype&amp;quot;).Property.GridTemplate | (import(&amp;quot;csstype&amp;quot;).Property.GridTemplate | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.GridTemplate[] | undefined; lineClamp?: (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.LineClamp | (import(&amp;quot;csstype&amp;quot;).Property.LineClamp | undefined)[] | undefined; listStyle?: import(&amp;quot;csstype&amp;quot;).Property.ListStyle | (import(&amp;quot;csstype&amp;quot;).Property.ListStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ListStyle[] | undefined; margin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Margin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Margin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; mask?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined; maskBorder?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot; | &amp;quot;alpha&amp;quot; | &amp;quot;luminance&amp;quot;)[] | undefined; motion?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; outline?: import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined; overflow?: import(&amp;quot;csstype&amp;quot;).Property.Overflow | (import(&amp;quot;csstype&amp;quot;).Property.Overflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Overflow[] | undefined; overscrollBehavior?: import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior | (import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverscrollBehavior[] | undefined; padding?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Padding&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Padding&amp;lt;string | number&amp;gt; | undefined)[] | undefined; placeItems?: import(&amp;quot;csstype&amp;quot;).Property.PlaceItems | (import(&amp;quot;csstype&amp;quot;).Property.PlaceItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceItems[] | undefined; placeSelf?: import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf | (import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.PlaceSelf[] | undefined; textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textEmphasis?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis[] | undefined; transition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; MozAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; MozAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; MozAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; MozAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; MozAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; MozAppearance?: import(&amp;quot;csstype&amp;quot;).Property.MozAppearance | (import(&amp;quot;csstype&amp;quot;).Property.MozAppearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozAppearance[] | undefined; MozBackfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; MozBorderBottomColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderBottomColors[] | undefined; MozBorderEndColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndColor[] | undefined; MozBorderEndStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndStyle[] | undefined; MozBorderEndWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderLeftColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderLeftColors[] | undefined; MozBorderRightColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderRightColors[] | undefined; MozBorderStartColor?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartColor[] | undefined; MozBorderStartStyle?: import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | (import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BorderInlineStartStyle[] | undefined; MozBorderTopColors?: import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors | (import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBorderTopColors[] | undefined; MozBoxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; MozColumnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; MozColumnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; MozColumnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozContextProperties?: import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties | (import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozContextProperties[] | undefined; MozFontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; MozFontLanguageOverride?: import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | (import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontLanguageOverride[] | undefined; MozHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; MozImageRegion?: import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion | (import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozImageRegion[] | undefined; MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOrient?: import(&amp;quot;csstype&amp;quot;).Property.MozOrient | (import(&amp;quot;csstype&amp;quot;).Property.MozOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozOrient[] | undefined; MozOsxFontSmoothing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPerspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozStackSizing?: import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing | (import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozStackSizing[] | undefined; MozTabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTextBlink?: import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink | (import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozTextBlink[] | undefined; MozTextSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTransformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; MozTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; MozTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; MozTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; MozUserFocus?: import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus | (import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserFocus[] | undefined; MozUserModify?: import(&amp;quot;csstype&amp;quot;).Property.MozUserModify | (import(&amp;quot;csstype&amp;quot;).Property.MozUserModify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserModify[] | undefined; MozUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; MozWindowDragging?: import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging | (import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozWindowDragging[] | undefined; MozWindowShadow?: import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow | (import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozWindowShadow[] | undefined; msAccelerator?: import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator | (import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsAccelerator[] | undefined; msAlignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; msBlockProgression?: import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression | (import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsBlockProgression[] | undefined; msContentZoomChaining?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomChaining[] | undefined; msContentZoomLimitMax?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMax[] | undefined; msContentZoomLimitMin?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimitMin[] | undefined; msContentZoomSnapPoints?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapPoints[] | undefined; msContentZoomSnapType?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnapType[] | undefined; msContentZooming?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZooming[] | undefined; msFilter?: import(&amp;quot;csstype&amp;quot;).Property.MsFilter | (import(&amp;quot;csstype&amp;quot;).Property.MsFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFilter[] | undefined; msFlexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; msFlexPositive?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; msFlowFrom?: import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom | (import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFlowFrom[] | undefined; msFlowInto?: import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto | (import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsFlowInto[] | undefined; msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msHighContrastAdjust?: import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust | (import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsHighContrastAdjust[] | undefined; msHyphenateLimitChars?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitChars | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitChars | undefined)[] | undefined; msHyphenateLimitLines?: import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitLines | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;no-limit&amp;quot;)[] | undefined; msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; msImeAlign?: import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign | (import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsImeAlign[] | undefined; msJustifySelf?: import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | (import(&amp;quot;csstype&amp;quot;).Property.JustifySelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifySelf[] | undefined; msLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; msOrder?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; msOverflowStyle?: import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle | (import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsOverflowStyle[] | undefined; msOverflowX?: import(&amp;quot;csstype&amp;quot;).Property.OverflowX | (import(&amp;quot;csstype&amp;quot;).Property.OverflowX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowX[] | undefined; msOverflowY?: import(&amp;quot;csstype&amp;quot;).Property.OverflowY | (import(&amp;quot;csstype&amp;quot;).Property.OverflowY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OverflowY[] | undefined; msScrollChaining?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollChaining[] | undefined; msScrollLimitXMax?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitXMin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitYMax?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimitYMin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollRails?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollRails[] | undefined; msScrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsX[] | undefined; msScrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapPointsY[] | undefined; msScrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapType[] | undefined; msScrollTranslation?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollTranslation[] | undefined; msScrollbar3dlightColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbar3dlightColor[] | undefined; msScrollbarArrowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarArrowColor[] | undefined; msScrollbarBaseColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarBaseColor[] | undefined; msScrollbarDarkshadowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarDarkshadowColor[] | undefined; msScrollbarFaceColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarFaceColor[] | undefined; msScrollbarHighlightColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarHighlightColor[] | undefined; msScrollbarShadowColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarShadowColor[] | undefined; msTextAutospace?: import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace | (import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsTextAutospace[] | undefined; msTextCombineHorizontal?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; msTextOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; msTouchAction?: import(&amp;quot;csstype&amp;quot;).Property.TouchAction | (import(&amp;quot;csstype&amp;quot;).Property.TouchAction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TouchAction[] | undefined; msTouchSelect?: import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect | (import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsTouchSelect[] | undefined; msTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; msTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; msUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect | (import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsUserSelect[] | undefined; msWordBreak?: import(&amp;quot;csstype&amp;quot;).Property.WordBreak | (import(&amp;quot;csstype&amp;quot;).Property.WordBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WordBreak[] | undefined; msWrapFlow?: import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapFlow[] | undefined; msWrapMargin?: string[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msWrapThrough?: import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough | (import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsWrapThrough[] | undefined; msWritingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; WebkitAlignContent?: import(&amp;quot;csstype&amp;quot;).Property.AlignContent | (import(&amp;quot;csstype&amp;quot;).Property.AlignContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignContent[] | undefined; WebkitAlignItems?: import(&amp;quot;csstype&amp;quot;).Property.AlignItems | (import(&amp;quot;csstype&amp;quot;).Property.AlignItems | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignItems[] | undefined; WebkitAlignSelf?: import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | (import(&amp;quot;csstype&amp;quot;).Property.AlignSelf | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignSelf[] | undefined; WebkitAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; WebkitAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; WebkitAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; WebkitAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; WebkitAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; WebkitAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; WebkitAppearance?: import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance | (import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitAppearance[] | undefined; WebkitBackdropFilter?: import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | (import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackdropFilter[] | undefined; WebkitBackfaceVisibility?: import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | (import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackfaceVisibility[] | undefined; WebkitBackgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; WebkitBackgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBeforeColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeColor[] | undefined; WebkitBorderBeforeStyle?: import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeStyle[] | undefined; WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderImageSlice?: import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | (import(&amp;quot;csstype&amp;quot;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBoxDecorationBreak?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBoxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; WebkitBoxSizing?: import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | (import(&amp;quot;csstype&amp;quot;).Property.BoxSizing | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxSizing[] | undefined; WebkitClipPath?: import(&amp;quot;csstype&amp;quot;).Property.ClipPath | (import(&amp;quot;csstype&amp;quot;).Property.ClipPath | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipPath[] | undefined; WebkitColumnCount?: import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | (import(&amp;quot;csstype&amp;quot;).Property.ColumnCount | undefined)[] | (&amp;quot;auto&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | undefined; WebkitColumnFill?: import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | (import(&amp;quot;csstype&amp;quot;).Property.ColumnFill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnFill[] | undefined; WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnRuleColor?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleColor[] | undefined; WebkitColumnRuleStyle?: import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleStyle[] | undefined; WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnSpan?: import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | (import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnSpan[] | undefined; WebkitColumnWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFilter?: import(&amp;quot;csstype&amp;quot;).Property.Filter | (import(&amp;quot;csstype&amp;quot;).Property.Filter | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Filter[] | undefined; WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlexDirection?: import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | (import(&amp;quot;csstype&amp;quot;).Property.FlexDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexDirection[] | undefined; WebkitFlexGrow?: import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | (import(&amp;quot;csstype&amp;quot;).Property.FlexGrow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Globals[] | undefined; WebkitFlexShrink?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | (import(&amp;quot;csstype&amp;quot;).Property.FlexShrink | undefined)[] | undefined; WebkitFlexWrap?: import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | (import(&amp;quot;csstype&amp;quot;).Property.FlexWrap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexWrap[] | undefined; WebkitFontFeatureSettings?: import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | (import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontFeatureSettings[] | undefined; WebkitFontKerning?: import(&amp;quot;csstype&amp;quot;).Property.FontKerning | (import(&amp;quot;csstype&amp;quot;).Property.FontKerning | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontKerning[] | undefined; WebkitFontSmoothing?: string[] | import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFontVariantLigatures?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantLigatures[] | undefined; WebkitHyphens?: import(&amp;quot;csstype&amp;quot;).Property.Hyphens | (import(&amp;quot;csstype&amp;quot;).Property.Hyphens | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Hyphens[] | undefined; WebkitJustifyContent?: import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | (import(&amp;quot;csstype&amp;quot;).Property.JustifyContent | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.JustifyContent[] | undefined; WebkitLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; WebkitLineClamp?: (&amp;quot;none&amp;quot; | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitLineClamp | (import(&amp;quot;csstype&amp;quot;).Property.WebkitLineClamp | undefined)[] | undefined; WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskAttachment?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskAttachment[] | undefined; WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskBoxImageRepeat?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderRepeat[] | undefined; WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSlice | undefined)[] | undefined; WebkitMaskBoxImageSource?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderSource[] | undefined; WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskClip?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskClip[] | undefined; WebkitMaskComposite?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskComposite[] | undefined; WebkitMaskImage?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskImage[] | undefined; WebkitMaskOrigin?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskOrigin[] | undefined; WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskRepeat?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeat[] | undefined; WebkitMaskRepeatX?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatX[] | undefined; WebkitMaskRepeatY?: import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskRepeatY[] | undefined; WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitOrder?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.Order | (import(&amp;quot;csstype&amp;quot;).Property.Order | undefined)[] | undefined; WebkitOverflowScrolling?: import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling | (import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitOverflowScrolling[] | undefined; WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPerspective?: string[] | import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitPrintColorAdjust?: import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | (import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorAdjust[] | undefined; WebkitRubyPosition?: import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | (import(&amp;quot;csstype&amp;quot;).Property.RubyPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.RubyPosition[] | undefined; WebkitScrollSnapType?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapType[] | undefined; WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTapHighlightColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTapHighlightColor[] | undefined; WebkitTextCombine?: import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | (import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextCombineUpright[] | undefined; WebkitTextDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; WebkitTextDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; WebkitTextDecorationSkip?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationSkip[] | undefined; WebkitTextDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; WebkitTextEmphasisColor?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisColor[] | undefined; WebkitTextEmphasisPosition?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisPosition[] | undefined; WebkitTextEmphasisStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasisStyle[] | undefined; WebkitTextFillColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextFillColor[] | undefined; WebkitTextOrientation?: import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | (import(&amp;quot;csstype&amp;quot;).Property.TextOrientation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOrientation[] | undefined; WebkitTextSizeAdjust?: import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | (import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextSizeAdjust[] | undefined; WebkitTextStrokeColor?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeColor[] | undefined; WebkitTextStrokeWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTextUnderlinePosition?: import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | (import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextUnderlinePosition[] | undefined; WebkitTouchCallout?: import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTouchCallout[] | undefined; WebkitTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTransformStyle?: import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | (import(&amp;quot;csstype&amp;quot;).Property.TransformStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransformStyle[] | undefined; WebkitTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; WebkitTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; WebkitUserModify?: import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify | (import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitUserModify[] | undefined; WebkitUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; WebkitWritingMode?: import(&amp;quot;csstype&amp;quot;).Property.WritingMode | (import(&amp;quot;csstype&amp;quot;).Property.WritingMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.WritingMode[] | undefined; MozAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; MozBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; msContentZoomLimit?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomLimit[] | undefined; msContentZoomSnap?: import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap | (import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsContentZoomSnap[] | undefined; msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; msScrollLimit?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollLimit[] | undefined; msScrollSnapX?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapX[] | undefined; msScrollSnapY?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollSnapY[] | undefined; msTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; WebkitAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitFlexFlow?: import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | (import(&amp;quot;csstype&amp;quot;).Property.FlexFlow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FlexFlow[] | undefined; WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitMaskBoxImage?: import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | (import(&amp;quot;csstype&amp;quot;).Property.MaskBorder | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot; | &amp;quot;alpha&amp;quot; | &amp;quot;luminance&amp;quot;)[] | undefined; WebkitTextEmphasis?: import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | (import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextEmphasis[] | undefined; WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined; WebkitTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; azimuth?: import(&amp;quot;csstype&amp;quot;).Property.Azimuth | (import(&amp;quot;csstype&amp;quot;).Property.Azimuth | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Azimuth[] | undefined; boxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; boxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; boxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; boxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; boxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; boxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; boxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; boxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; clip?: import(&amp;quot;csstype&amp;quot;).Property.Clip | (import(&amp;quot;csstype&amp;quot;).Property.Clip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Clip[] | undefined; fontVariantAlternates?: import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates | (import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FontVariantAlternates[] | undefined; gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined; imeMode?: import(&amp;quot;csstype&amp;quot;).Property.ImeMode | (import(&amp;quot;csstype&amp;quot;).Property.ImeMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImeMode[] | undefined; offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined; offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined; scrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX[] | undefined; scrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY[] | undefined; scrollSnapTypeX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeX[] | undefined; scrollSnapTypeY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapTypeY[] | undefined; scrollbarTrackColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor[] | undefined; KhtmlBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; KhtmlBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; KhtmlBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; KhtmlBoxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; KhtmlBoxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; KhtmlBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; KhtmlBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; KhtmlBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; KhtmlLineBreak?: import(&amp;quot;csstype&amp;quot;).Property.LineBreak | (import(&amp;quot;csstype&amp;quot;).Property.LineBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LineBreak[] | undefined; KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; KhtmlUserSelect?: import(&amp;quot;csstype&amp;quot;).Property.UserSelect | (import(&amp;quot;csstype&amp;quot;).Property.UserSelect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.UserSelect[] | undefined; MozBackgroundClip?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundClip[] | undefined; MozBackgroundInlinePolicy?: import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | (import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDecorationBreak[] | undefined; MozBackgroundOrigin?: import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundOrigin[] | undefined; MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBinding?: import(&amp;quot;csstype&amp;quot;).Property.MozBinding | (import(&amp;quot;csstype&amp;quot;).Property.MozBinding | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozBinding[] | undefined; MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; MozBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; MozBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; MozBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; MozBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; MozBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; MozBoxShadow?: import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | (import(&amp;quot;csstype&amp;quot;).Property.BoxShadow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxShadow[] | undefined; MozFloatEdge?: import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge | (import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozFloatEdge[] | undefined; MozForceBrokenImageIcon?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.MozForceBrokenImageIcon | (import(&amp;quot;csstype&amp;quot;).Property.MozForceBrokenImageIcon | undefined)[] | undefined; MozOpacity?: ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.Opacity | (import(&amp;quot;csstype&amp;quot;).Property.Opacity | undefined)[] | undefined; MozOutline?: import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined; MozOutlineColor?: import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | (import(&amp;quot;csstype&amp;quot;).Property.OutlineColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineColor[] | undefined; MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozOutlineStyle?: import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | (import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineStyle[] | undefined; MozOutlineWidth?: string[] | import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; MozTextAlignLast?: import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | (import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAlignLast[] | undefined; MozTextDecorationColor?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationColor[] | undefined; MozTextDecorationLine?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationLine[] | undefined; MozTextDecorationStyle?: import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | (import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextDecorationStyle[] | undefined; MozUserInput?: import(&amp;quot;csstype&amp;quot;).Property.MozUserInput | (import(&amp;quot;csstype&amp;quot;).Property.MozUserInput | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MozUserInput[] | undefined; msImeMode?: import(&amp;quot;csstype&amp;quot;).Property.ImeMode | (import(&amp;quot;csstype&amp;quot;).Property.ImeMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ImeMode[] | undefined; msScrollbarTrackColor?: import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | (import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MsScrollbarTrackColor[] | undefined; OAnimation?: import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;quot;csstype&amp;quot;).Globals | (&amp;quot;normal&amp;quot; | &amp;quot;alternate&amp;quot; | &amp;quot;alternate-reverse&amp;quot; | &amp;quot;reverse&amp;quot;) | (&amp;quot;none&amp;quot; | &amp;quot;both&amp;quot; | &amp;quot;backwards&amp;quot; | &amp;quot;forwards&amp;quot;) | &amp;quot;infinite&amp;quot; | &amp;quot;paused&amp;quot; | &amp;quot;running&amp;quot; | ((string &amp;amp; {}) | &amp;quot;ease&amp;quot; | &amp;quot;ease-in&amp;quot; | &amp;quot;ease-in-out&amp;quot; | &amp;quot;ease-out&amp;quot; | &amp;quot;step-end&amp;quot; | &amp;quot;step-start&amp;quot; | &amp;quot;linear&amp;quot;))[] | undefined; OAnimationDelay?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OAnimationDirection?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDirection[] | undefined; OAnimationDuration?: import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OAnimationFillMode?: import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | (import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationFillMode[] | undefined; OAnimationIterationCount?: import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | (import(&amp;quot;csstype&amp;quot;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;infinite&amp;quot;)[] | undefined; OAnimationName?: import(&amp;quot;csstype&amp;quot;).Property.AnimationName | (import(&amp;quot;csstype&amp;quot;).Property.AnimationName | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationName[] | undefined; OAnimationPlayState?: import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | (import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationPlayState[] | undefined; OAnimationTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AnimationTimingFunction[] | undefined; OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OBorderImage?: import(&amp;quot;csstype&amp;quot;).Property.BorderImage | (import(&amp;quot;csstype&amp;quot;).Property.BorderImage | undefined)[] | (&amp;quot;none&amp;quot; | &amp;quot;repeat&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals | &amp;quot;stretch&amp;quot; | &amp;quot;round&amp;quot; | &amp;quot;space&amp;quot;)[] | undefined; OObjectFit?: import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | (import(&amp;quot;csstype&amp;quot;).Property.ObjectFit | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectFit[] | undefined; OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTabSize?: string[] | import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTextOverflow?: import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | (import(&amp;quot;csstype&amp;quot;).Property.TextOverflow | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextOverflow[] | undefined; OTransform?: import(&amp;quot;csstype&amp;quot;).Property.Transform | (import(&amp;quot;csstype&amp;quot;).Property.Transform | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transform[] | undefined; OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined; OTransition?: import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionDelay?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionDuration?: import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined; OTransitionProperty?: import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | (import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionProperty[] | undefined; OTransitionTimingFunction?: import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | (import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TransitionTimingFunction[] | undefined; WebkitBoxAlign?: import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | (import(&amp;quot;csstype&amp;quot;).Property.BoxAlign | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxAlign[] | undefined; WebkitBoxDirection?: import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | (import(&amp;quot;csstype&amp;quot;).Property.BoxDirection | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxDirection[] | undefined; WebkitBoxFlex?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlex | undefined)[] | undefined; WebkitBoxFlexGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxFlexGroup | undefined)[] | undefined; WebkitBoxLines?: import(&amp;quot;csstype&amp;quot;).Property.BoxLines | (import(&amp;quot;csstype&amp;quot;).Property.BoxLines | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxLines[] | undefined; WebkitBoxOrdinalGroup?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrdinalGroup | undefined)[] | undefined; WebkitBoxOrient?: import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | (import(&amp;quot;csstype&amp;quot;).Property.BoxOrient | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxOrient[] | undefined; WebkitBoxPack?: import(&amp;quot;csstype&amp;quot;).Property.BoxPack | (import(&amp;quot;csstype&amp;quot;).Property.BoxPack | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.BoxPack[] | undefined; WebkitScrollSnapPointsX?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsX[] | undefined; WebkitScrollSnapPointsY?: import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | (import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ScrollSnapPointsY[] | undefined; alignmentBaseline?: import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline | (import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.AlignmentBaseline[] | undefined; baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined; clipRule?: import(&amp;quot;csstype&amp;quot;).Property.ClipRule | (import(&amp;quot;csstype&amp;quot;).Property.ClipRule | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ClipRule[] | undefined; colorInterpolation?: import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation | (import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorInterpolation[] | undefined; colorRendering?: import(&amp;quot;csstype&amp;quot;).Property.ColorRendering | (import(&amp;quot;csstype&amp;quot;).Property.ColorRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ColorRendering[] | undefined; dominantBaseline?: import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline | (import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.DominantBaseline[] | undefined; fill?: import(&amp;quot;csstype&amp;quot;).Property.Fill | (import(&amp;quot;csstype&amp;quot;).Property.Fill | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Fill[] | undefined; fillOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FillOpacity | (import(&amp;quot;csstype&amp;quot;).Property.FillOpacity | undefined)[] | undefined; fillRule?: import(&amp;quot;csstype&amp;quot;).Property.FillRule | (import(&amp;quot;csstype&amp;quot;).Property.FillRule | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FillRule[] | undefined; floodColor?: import(&amp;quot;csstype&amp;quot;).Property.FloodColor | (import(&amp;quot;csstype&amp;quot;).Property.FloodColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.FloodColor[] | undefined; floodOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.FloodOpacity | (import(&amp;quot;csstype&amp;quot;).Property.FloodOpacity | undefined)[] | undefined; glyphOrientationVertical?: (&amp;quot;auto&amp;quot; | (string &amp;amp; {}) | import(&amp;quot;csstype&amp;quot;).Globals)[] | import(&amp;quot;csstype&amp;quot;).Property.GlyphOrientationVertical | (import(&amp;quot;csstype&amp;quot;).Property.GlyphOrientationVertical | undefined)[] | undefined; lightingColor?: import(&amp;quot;csstype&amp;quot;).Property.LightingColor | (import(&amp;quot;csstype&amp;quot;).Property.LightingColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.LightingColor[] | undefined; marker?: import(&amp;quot;csstype&amp;quot;).Property.Marker | (import(&amp;quot;csstype&amp;quot;).Property.Marker | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Marker[] | undefined; markerEnd?: import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd | (import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerEnd[] | undefined; markerMid?: import(&amp;quot;csstype&amp;quot;).Property.MarkerMid | (import(&amp;quot;csstype&amp;quot;).Property.MarkerMid | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerMid[] | undefined; markerStart?: import(&amp;quot;csstype&amp;quot;).Property.MarkerStart | (import(&amp;quot;csstype&amp;quot;).Property.MarkerStart | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.MarkerStart[] | undefined; shapeRendering?: import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering | (import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.ShapeRendering[] | undefined; stopColor?: import(&amp;quot;csstype&amp;quot;).Property.StopColor | (import(&amp;quot;csstype&amp;quot;).Property.StopColor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StopColor[] | undefined; stopOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StopOpacity | (import(&amp;quot;csstype&amp;quot;).Property.StopOpacity | undefined)[] | undefined; stroke?: import(&amp;quot;csstype&amp;quot;).Property.Stroke | (import(&amp;quot;csstype&amp;quot;).Property.Stroke | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.Stroke[] | undefined; strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined; strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined; strokeLinecap?: import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap | (import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeLinecap[] | undefined; strokeLinejoin?: import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin | (import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeLinejoin[] | undefined; strokeMiterlimit?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeMiterlimit | (import(&amp;quot;csstype&amp;quot;).Property.StrokeMiterlimit | undefined)[] | undefined; strokeOpacity?: import(&amp;quot;csstype&amp;quot;).Globals[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeOpacity | (import(&amp;quot;csstype&amp;quot;).Property.StrokeOpacity | undefined)[] | undefined; strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;quot;csstype&amp;quot;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;quot;csstype&amp;quot;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined; textAnchor?: import(&amp;quot;csstype&amp;quot;).Property.TextAnchor | (import(&amp;quot;csstype&amp;quot;).Property.TextAnchor | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.TextAnchor[] | undefined; vectorEffect?: import(&amp;quot;csstype&amp;quot;).Property.VectorEffect | (import(&amp;quot;csstype&amp;quot;).Property.VectorEffect | undefined)[] | import(&amp;quot;csstype&amp;quot;).Property.VectorEffect[] | undefined; &amp;quot;:-moz-any()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-dir&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-any()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::cue&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::cue-region&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::part&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::slotted&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:dir&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:has&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:host&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:host-context&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:is&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:lang&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:matches()&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:not&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:where&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-khtml-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-focusring&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-full-screen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-read-only&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-read-write&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-ui-invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-moz-ui-valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-ms-fullscreen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-ms-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:-webkit-full-screen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-progress-bar&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-progress&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-range-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-moz-selection&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-browse&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-check&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-clear&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill-lower&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-fill-upper&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-reveal&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-ticks-after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-ticks-before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-tooltip&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-ms-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-input-placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-bar&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-inner-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-progress-value&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-slider-runnable-track&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::-webkit-slider-thumb&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::backdrop&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::first-letter&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::first-line&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::grammar-error&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::marker&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::placeholder&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::selection&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::spelling-error&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;::target-text&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:active&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:after&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:any-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:before&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:blank&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:checked&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:current&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:default&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:defined&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:disabled&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:empty&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:enabled&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-letter&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-line&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:first-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus-visible&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:focus-within&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:fullscreen&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:future&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:hover&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:in-range&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:indeterminate&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:last-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:last-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:left&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:local-link&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-col&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:nth-last-col&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:only-child&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:only-of-type&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:optional&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:out-of-range&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:past&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:paused&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:picture-in-picture&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:placeholder-shown&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:read-only&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:read-write&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:required&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:right&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:root&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:scope&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:target&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:target-within&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:user-invalid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:user-valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:valid&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; &amp;quot;:visited&amp;quot;?: import(&amp;quot;@emotion/serialize&amp;quot;).CSSObject | undefined; label?: string | undefined; }; singleValue: () =&amp;gt; {}; valueContainer: () =&amp;gt; {}; }&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="resetselectstyles-function">resetSelectStyles() function&lt;/h2>
&lt;h3 id="resetselectstyles-function-1">resetSelectStyles() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export default function resetSelectStyles(theme: GrafanaTheme2): {
clearIndicator: () =&amp;gt; {};
container: () =&amp;gt; {};
control: () =&amp;gt; {};
dropdownIndicator: () =&amp;gt; {};
group: () =&amp;gt; {};
groupHeading: () =&amp;gt; {};
indicatorsContainer: () =&amp;gt; {};
indicatorSeparator: () =&amp;gt; {};
input: (originalStyles: CSSObjectWithLabel) =&amp;gt; {
color: string;
margin: number;
padding: number;
zIndex: number;
accentColor?: import(&amp;#34;csstype&amp;#34;).Property.AccentColor | (import(&amp;#34;csstype&amp;#34;).Property.AccentColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AccentColor[] | undefined;
alignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
alignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
alignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
alignTracks?: import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | (import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignTracks[] | undefined;
animationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
animationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
animationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
animationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
animationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
animationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
animationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
animationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
appearance?: import(&amp;#34;csstype&amp;#34;).Property.Appearance | (import(&amp;#34;csstype&amp;#34;).Property.Appearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Appearance[] | undefined;
aspectRatio?: import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | (import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AspectRatio[] | undefined;
backdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
backfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
backgroundAttachment?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment[] | undefined;
backgroundBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode[] | undefined;
backgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
backgroundColor?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor[] | undefined;
backgroundImage?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage[] | undefined;
backgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat[] | undefined;
backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
blockOverflow?: import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | (import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow[] | undefined;
blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor[] | undefined;
borderBlockEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor[] | undefined;
borderBlockEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle[] | undefined;
borderBlockEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor[] | undefined;
borderBlockStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle[] | undefined;
borderBlockStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle[] | undefined;
borderBlockWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor[] | undefined;
borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle[] | undefined;
borderBottomWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderCollapse?: import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | (import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse[] | undefined;
borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat[] | undefined;
borderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
borderImageSource?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource[] | undefined;
borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor[] | undefined;
borderInlineEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
borderInlineEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
borderInlineEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
borderInlineStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
borderInlineStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle[] | undefined;
borderInlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderLeftColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor[] | undefined;
borderLeftStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle[] | undefined;
borderLeftWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRightColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor[] | undefined;
borderRightStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle[] | undefined;
borderRightWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor[] | undefined;
borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle[] | undefined;
borderTopWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
bottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
boxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
boxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
boxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
breakAfter?: import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakAfter[] | undefined;
breakBefore?: import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakBefore[] | undefined;
breakInside?: import(&amp;#34;csstype&amp;#34;).Property.BreakInside | (import(&amp;#34;csstype&amp;#34;).Property.BreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakInside[] | undefined;
captionSide?: import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | (import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaptionSide[] | undefined;
caretColor?: import(&amp;#34;csstype&amp;#34;).Property.CaretColor | (import(&amp;#34;csstype&amp;#34;).Property.CaretColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaretColor[] | undefined;
clear?: import(&amp;#34;csstype&amp;#34;).Property.Clear | (import(&amp;#34;csstype&amp;#34;).Property.Clear | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clear[] | undefined;
clipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
colorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
colorScheme?: import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | (import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorScheme[] | undefined;
columnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
columnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
columnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
columnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
contain?: import(&amp;#34;csstype&amp;#34;).Property.Contain | (import(&amp;#34;csstype&amp;#34;).Property.Contain | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Contain[] | undefined;
content?: import(&amp;#34;csstype&amp;#34;).Property.Content | (import(&amp;#34;csstype&amp;#34;).Property.Content | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Content[] | undefined;
contentVisibility?: import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | (import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility[] | undefined;
counterIncrement?: import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | (import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement[] | undefined;
counterReset?: import(&amp;#34;csstype&amp;#34;).Property.CounterReset | (import(&amp;#34;csstype&amp;#34;).Property.CounterReset | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterReset[] | undefined;
counterSet?: import(&amp;#34;csstype&amp;#34;).Property.CounterSet | (import(&amp;#34;csstype&amp;#34;).Property.CounterSet | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterSet[] | undefined;
cursor?: import(&amp;#34;csstype&amp;#34;).Property.Cursor | (import(&amp;#34;csstype&amp;#34;).Property.Cursor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Cursor[] | undefined;
direction?: import(&amp;#34;csstype&amp;#34;).Property.Direction | (import(&amp;#34;csstype&amp;#34;).Property.Direction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Direction[] | undefined;
display?: import(&amp;#34;csstype&amp;#34;).Property.Display | (import(&amp;#34;csstype&amp;#34;).Property.Display | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Display[] | undefined;
emptyCells?: import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | (import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.EmptyCells[] | undefined;
filter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
flexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
flexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
flexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
float?: import(&amp;#34;csstype&amp;#34;).Property.Float | (import(&amp;#34;csstype&amp;#34;).Property.Float | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Float[] | undefined;
fontFamily?: import(&amp;#34;csstype&amp;#34;).Property.FontFamily | (import(&amp;#34;csstype&amp;#34;).Property.FontFamily | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFamily[] | undefined;
fontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
fontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
fontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
fontOpticalSizing?: import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | (import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing[] | undefined;
fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
fontSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;from-font&amp;#34;)[] | undefined;
fontSmooth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
fontStretch?: import(&amp;#34;csstype&amp;#34;).Property.FontStretch | (import(&amp;#34;csstype&amp;#34;).Property.FontStretch | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStretch[] | undefined;
fontStyle?: import(&amp;#34;csstype&amp;#34;).Property.FontStyle | (import(&amp;#34;csstype&amp;#34;).Property.FontStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStyle[] | undefined;
fontSynthesis?: import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | (import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis[] | undefined;
fontVariant?: import(&amp;#34;csstype&amp;#34;).Property.FontVariant | (import(&amp;#34;csstype&amp;#34;).Property.FontVariant | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariant[] | undefined;
fontVariantCaps?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps[] | undefined;
fontVariantEastAsian?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian[] | undefined;
fontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
fontVariantNumeric?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric[] | undefined;
fontVariantPosition?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition[] | undefined;
fontVariationSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings[] | undefined;
fontWeight?: import(&amp;#34;csstype&amp;#34;).Property.FontWeight | (import(&amp;#34;csstype&amp;#34;).Property.FontWeight | undefined)[] | (&amp;#34;bold&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;bolder&amp;#34; | &amp;#34;lighter&amp;#34;)[] | undefined;
forcedColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust[] | undefined;
gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridAutoFlow?: import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow[] | undefined;
gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridColumnEnd?: import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | undefined)[] | (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
gridColumnStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | undefined)[] | undefined;
gridRowEnd?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | undefined)[] | undefined;
gridRowStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | (import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | undefined)[] | undefined;
gridTemplateAreas?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas[] | undefined;
gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
hangingPunctuation?: import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | (import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation[] | undefined;
height?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
hyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
imageOrientation?: import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | (import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation[] | undefined;
imageRendering?: import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | (import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageRendering[] | undefined;
imageResolution?: import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | (import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageResolution[] | undefined;
initialLetter?: import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | (import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34;)[] | undefined;
inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
inset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
isolation?: import(&amp;#34;csstype&amp;#34;).Property.Isolation | (import(&amp;#34;csstype&amp;#34;).Property.Isolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Isolation[] | undefined;
justifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
justifyItems?: import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | (import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyItems[] | undefined;
justifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
justifyTracks?: import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | (import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks[] | undefined;
left?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
letterSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
lineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
lineHeightStep?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
listStyleImage?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage[] | undefined;
listStylePosition?: import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | (import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition[] | undefined;
listStyleType?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleType[] | undefined;
marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorderMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode[] | undefined;
maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorderRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
maskBorderSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskClip?: import(&amp;#34;csstype&amp;#34;).Property.MaskClip | (import(&amp;#34;csstype&amp;#34;).Property.MaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskClip[] | undefined;
maskComposite?: import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskComposite[] | undefined;
maskImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskImage | (import(&amp;#34;csstype&amp;#34;).Property.MaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskImage[] | undefined;
maskMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskMode[] | undefined;
maskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin[] | undefined;
maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat[] | undefined;
maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskType?: import(&amp;#34;csstype&amp;#34;).Property.MaskType | (import(&amp;#34;csstype&amp;#34;).Property.MaskType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskType[] | undefined;
mathStyle?: import(&amp;#34;csstype&amp;#34;).Property.MathStyle | (import(&amp;#34;csstype&amp;#34;).Property.MathStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MathStyle[] | undefined;
maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxLines?: import(&amp;#34;csstype&amp;#34;).Property.MaxLines | (import(&amp;#34;csstype&amp;#34;).Property.MaxLines | undefined)[] | (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
mixBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode[] | undefined;
motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
motionPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
motionRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
objectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
offsetRotate?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
offsetRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
opacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
order?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
orphans?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Orphans | (import(&amp;#34;csstype&amp;#34;).Property.Orphans | undefined)[] | undefined;
outlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
outlineOffset?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
outlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
outlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
overflowAnchor?: import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | (import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor[] | undefined;
overflowBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock[] | undefined;
overflowClipBox?: import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox[] | undefined;
overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
overflowInline?: import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | (import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowInline[] | undefined;
overflowWrap?: import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | (import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap[] | undefined;
overflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
overflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
overscrollBehaviorBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock[] | undefined;
overscrollBehaviorInline?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline[] | undefined;
overscrollBehaviorX?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX[] | undefined;
overscrollBehaviorY?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY[] | undefined;
paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
pageBreakAfter?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter[] | undefined;
pageBreakBefore?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore[] | undefined;
pageBreakInside?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside[] | undefined;
paintOrder?: import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | (import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PaintOrder[] | undefined;
perspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
placeContent?: import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | (import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceContent[] | undefined;
pointerEvents?: import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | (import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PointerEvents[] | undefined;
position?: import(&amp;#34;csstype&amp;#34;).Property.Position | (import(&amp;#34;csstype&amp;#34;).Property.Position | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Position[] | undefined;
quotes?: import(&amp;#34;csstype&amp;#34;).Property.Quotes | (import(&amp;#34;csstype&amp;#34;).Property.Quotes | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Quotes[] | undefined;
resize?: import(&amp;#34;csstype&amp;#34;).Property.Resize | (import(&amp;#34;csstype&amp;#34;).Property.Resize | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Resize[] | undefined;
right?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
rotate?: import(&amp;#34;csstype&amp;#34;).Property.Rotate | (import(&amp;#34;csstype&amp;#34;).Property.Rotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Rotate[] | undefined;
rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
rubyAlign?: import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | (import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyAlign[] | undefined;
rubyMerge?: import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | (import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyMerge[] | undefined;
rubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
scale?: import(&amp;#34;csstype&amp;#34;).Property.Scale | (import(&amp;#34;csstype&amp;#34;).Property.Scale | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
scrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior[] | undefined;
scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlockEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlockStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInlineEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInlineStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapAlign?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign[] | undefined;
scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapStop?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop[] | undefined;
scrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
scrollbarColor?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor[] | undefined;
scrollbarGutter?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter[] | undefined;
scrollbarWidth?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth[] | undefined;
shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | (import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | undefined)[] | undefined;
shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
shapeOutside?: import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | (import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside[] | undefined;
tabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
tableLayout?: import(&amp;#34;csstype&amp;#34;).Property.TableLayout | (import(&amp;#34;csstype&amp;#34;).Property.TableLayout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TableLayout[] | undefined;
textAlign?: import(&amp;#34;csstype&amp;#34;).Property.TextAlign | (import(&amp;#34;csstype&amp;#34;).Property.TextAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlign[] | undefined;
textAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
textCombineUpright?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
textDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
textDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
textDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
textDecorationSkipInk?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk[] | undefined;
textDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
textEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
textEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textJustify?: import(&amp;#34;csstype&amp;#34;).Property.TextJustify | (import(&amp;#34;csstype&amp;#34;).Property.TextJustify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextJustify[] | undefined;
textOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
textOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
textRendering?: import(&amp;#34;csstype&amp;#34;).Property.TextRendering | (import(&amp;#34;csstype&amp;#34;).Property.TextRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextRendering[] | undefined;
textShadow?: import(&amp;#34;csstype&amp;#34;).Property.TextShadow | (import(&amp;#34;csstype&amp;#34;).Property.TextShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextShadow[] | undefined;
textSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
textTransform?: import(&amp;#34;csstype&amp;#34;).Property.TextTransform | (import(&amp;#34;csstype&amp;#34;).Property.TextTransform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextTransform[] | undefined;
textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
top?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
touchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
transform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
transformBox?: import(&amp;#34;csstype&amp;#34;).Property.TransformBox | (import(&amp;#34;csstype&amp;#34;).Property.TransformBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformBox[] | undefined;
transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
transformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
transitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
transitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
transitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
transitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
translate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
unicodeBidi?: import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | (import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi[] | undefined;
userSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
visibility?: import(&amp;#34;csstype&amp;#34;).Property.Visibility | (import(&amp;#34;csstype&amp;#34;).Property.Visibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Visibility[] | undefined;
whiteSpace?: import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | (import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace[] | undefined;
widows?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Widows | (import(&amp;#34;csstype&amp;#34;).Property.Widows | undefined)[] | undefined;
width?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
willChange?: import(&amp;#34;csstype&amp;#34;).Property.WillChange | (import(&amp;#34;csstype&amp;#34;).Property.WillChange | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WillChange[] | undefined;
wordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
wordSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
wordWrap?: import(&amp;#34;csstype&amp;#34;).Property.WordWrap | (import(&amp;#34;csstype&amp;#34;).Property.WordWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordWrap[] | undefined;
writingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
zoom?: import(&amp;#34;csstype&amp;#34;).Property.Zoom | (import(&amp;#34;csstype&amp;#34;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;reset&amp;#34;)[] | undefined;
all?: import(&amp;#34;csstype&amp;#34;).Globals | import(&amp;#34;csstype&amp;#34;).Globals[] | (import(&amp;#34;csstype&amp;#34;).Globals | undefined)[] | undefined;
animation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
background?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
border?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderColor[] | undefined;
borderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStyle[] | undefined;
borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
font?: import(&amp;#34;csstype&amp;#34;).Property.Font | (import(&amp;#34;csstype&amp;#34;).Property.Font | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Font[] | undefined;
gap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
grid?: import(&amp;#34;csstype&amp;#34;).Property.Grid | (import(&amp;#34;csstype&amp;#34;).Property.Grid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Grid[] | undefined;
gridArea?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridArea | (import(&amp;#34;csstype&amp;#34;).Property.GridArea | undefined)[] | undefined;
gridColumn?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumn | (import(&amp;#34;csstype&amp;#34;).Property.GridColumn | undefined)[] | undefined;
gridRow?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRow | (import(&amp;#34;csstype&amp;#34;).Property.GridRow | undefined)[] | undefined;
gridTemplate?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplate[] | undefined;
lineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.LineClamp | (import(&amp;#34;csstype&amp;#34;).Property.LineClamp | undefined)[] | undefined;
listStyle?: import(&amp;#34;csstype&amp;#34;).Property.ListStyle | (import(&amp;#34;csstype&amp;#34;).Property.ListStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyle[] | undefined;
mask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorder?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
motion?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
outline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
overflow?: import(&amp;#34;csstype&amp;#34;).Property.Overflow | (import(&amp;#34;csstype&amp;#34;).Property.Overflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Overflow[] | undefined;
overscrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior[] | undefined;
placeItems?: import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | (import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceItems[] | undefined;
placeSelf?: import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | (import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf[] | undefined;
textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
transition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
MozAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
MozAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
MozAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
MozAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
MozAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
MozAppearance?: import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | (import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozAppearance[] | undefined;
MozBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
MozBorderBottomColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors[] | undefined;
MozBorderEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
MozBorderEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
MozBorderEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderLeftColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors[] | undefined;
MozBorderRightColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors[] | undefined;
MozBorderStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
MozBorderStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
MozBorderTopColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors[] | undefined;
MozBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
MozColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
MozColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
MozColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozContextProperties?: import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | (import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties[] | undefined;
MozFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
MozFontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
MozHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
MozImageRegion?: import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | (import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion[] | undefined;
MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOrient?: import(&amp;#34;csstype&amp;#34;).Property.MozOrient | (import(&amp;#34;csstype&amp;#34;).Property.MozOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozOrient[] | undefined;
MozOsxFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozStackSizing?: import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | (import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing[] | undefined;
MozTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTextBlink?: import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | (import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink[] | undefined;
MozTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
MozTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
MozTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
MozUserFocus?: import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | (import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus[] | undefined;
MozUserModify?: import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | (import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserModify[] | undefined;
MozUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
MozWindowDragging?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging[] | undefined;
MozWindowShadow?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow[] | undefined;
msAccelerator?: import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | (import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator[] | undefined;
msAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
msBlockProgression?: import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | (import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression[] | undefined;
msContentZoomChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining[] | undefined;
msContentZoomLimitMax?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax[] | undefined;
msContentZoomLimitMin?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin[] | undefined;
msContentZoomSnapPoints?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints[] | undefined;
msContentZoomSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType[] | undefined;
msContentZooming?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming[] | undefined;
msFilter?: import(&amp;#34;csstype&amp;#34;).Property.MsFilter | (import(&amp;#34;csstype&amp;#34;).Property.MsFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFilter[] | undefined;
msFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
msFlexPositive?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
msFlowFrom?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom[] | undefined;
msFlowInto?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto[] | undefined;
msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msHighContrastAdjust?: import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | (import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust[] | undefined;
msHyphenateLimitChars?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | undefined)[] | undefined;
msHyphenateLimitLines?: import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;no-limit&amp;#34;)[] | undefined;
msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
msImeAlign?: import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | (import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign[] | undefined;
msJustifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
msLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
msOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
msOverflowStyle?: import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | (import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle[] | undefined;
msOverflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
msOverflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
msScrollChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining[] | undefined;
msScrollLimitXMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitXMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitYMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitYMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollRails?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails[] | undefined;
msScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX[] | undefined;
msScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY[] | undefined;
msScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType[] | undefined;
msScrollTranslation?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation[] | undefined;
msScrollbar3dlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor[] | undefined;
msScrollbarArrowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor[] | undefined;
msScrollbarBaseColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor[] | undefined;
msScrollbarDarkshadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor[] | undefined;
msScrollbarFaceColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor[] | undefined;
msScrollbarHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor[] | undefined;
msScrollbarShadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor[] | undefined;
msTextAutospace?: import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | (import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace[] | undefined;
msTextCombineHorizontal?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
msTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
msTouchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
msTouchSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect[] | undefined;
msTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
msTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
msUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect[] | undefined;
msWordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
msWrapFlow?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow[] | undefined;
msWrapMargin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msWrapThrough?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough[] | undefined;
msWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
WebkitAlignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
WebkitAlignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
WebkitAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
WebkitAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
WebkitAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
WebkitAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
WebkitAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
WebkitAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
WebkitAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
WebkitAppearance?: import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | (import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance[] | undefined;
WebkitBackdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
WebkitBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
WebkitBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
WebkitBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBeforeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor[] | undefined;
WebkitBorderBeforeStyle?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle[] | undefined;
WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBoxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
WebkitBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
WebkitClipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
WebkitColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
WebkitColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
WebkitColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
WebkitColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFilter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
WebkitFlexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
WebkitFlexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
WebkitFlexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
WebkitFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
WebkitFontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
WebkitFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
WebkitHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
WebkitJustifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
WebkitLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
WebkitLineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | (import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | undefined)[] | undefined;
WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskAttachment?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment[] | undefined;
WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskBoxImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
WebkitMaskBoxImageSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskClip?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip[] | undefined;
WebkitMaskComposite?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite[] | undefined;
WebkitMaskImage?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage[] | undefined;
WebkitMaskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin[] | undefined;
WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat[] | undefined;
WebkitMaskRepeatX?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX[] | undefined;
WebkitMaskRepeatY?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY[] | undefined;
WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
WebkitOverflowScrolling?: import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | (import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling[] | undefined;
WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPrintColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
WebkitRubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
WebkitScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTapHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor[] | undefined;
WebkitTextCombine?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
WebkitTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
WebkitTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
WebkitTextDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
WebkitTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
WebkitTextEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
WebkitTextEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
WebkitTextEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
WebkitTextFillColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor[] | undefined;
WebkitTextOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
WebkitTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
WebkitTextStrokeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor[] | undefined;
WebkitTextStrokeWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTextUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
WebkitTouchCallout?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout[] | undefined;
WebkitTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
WebkitTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
WebkitTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
WebkitUserModify?: import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | (import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify[] | undefined;
WebkitUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
WebkitWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
MozAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
MozBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msContentZoomLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit[] | undefined;
msContentZoomSnap?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap[] | undefined;
msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit[] | undefined;
msScrollSnapX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX[] | undefined;
msScrollSnapY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY[] | undefined;
msTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskBoxImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
WebkitTextEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
azimuth?: import(&amp;#34;csstype&amp;#34;).Property.Azimuth | (import(&amp;#34;csstype&amp;#34;).Property.Azimuth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Azimuth[] | undefined;
boxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
boxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
boxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
boxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
boxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
boxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
boxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
boxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
clip?: import(&amp;#34;csstype&amp;#34;).Property.Clip | (import(&amp;#34;csstype&amp;#34;).Property.Clip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clip[] | undefined;
fontVariantAlternates?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates[] | undefined;
gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
imeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
scrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
scrollSnapTypeX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX[] | undefined;
scrollSnapTypeY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY[] | undefined;
scrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
KhtmlBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
KhtmlBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
KhtmlBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
KhtmlBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
KhtmlBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
KhtmlBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
KhtmlBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
KhtmlBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
KhtmlLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
KhtmlUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
MozBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
MozBackgroundInlinePolicy?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
MozBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBinding?: import(&amp;#34;csstype&amp;#34;).Property.MozBinding | (import(&amp;#34;csstype&amp;#34;).Property.MozBinding | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBinding[] | undefined;
MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
MozBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
MozBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
MozBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
MozBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
MozBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
MozBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
MozFloatEdge?: import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | (import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge[] | undefined;
MozForceBrokenImageIcon?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | (import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | undefined)[] | undefined;
MozOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
MozOutline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
MozOutlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
MozOutlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTextAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
MozTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
MozTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
MozTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
MozUserInput?: import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | (import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserInput[] | undefined;
msImeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
msScrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
OAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
OAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
OAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
OAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
OAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
OAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
OAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
OObjectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
OTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
OTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
WebkitBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
WebkitBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
WebkitBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
WebkitBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
WebkitBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
WebkitBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
WebkitBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
WebkitBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
WebkitScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
WebkitScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
alignmentBaseline?: import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | (import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline[] | undefined;
baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
clipRule?: import(&amp;#34;csstype&amp;#34;).Property.ClipRule | (import(&amp;#34;csstype&amp;#34;).Property.ClipRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipRule[] | undefined;
colorInterpolation?: import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | (import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation[] | undefined;
colorRendering?: import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | (import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorRendering[] | undefined;
dominantBaseline?: import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | (import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline[] | undefined;
fill?: import(&amp;#34;csstype&amp;#34;).Property.Fill | (import(&amp;#34;csstype&amp;#34;).Property.Fill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Fill[] | undefined;
fillOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | undefined)[] | undefined;
fillRule?: import(&amp;#34;csstype&amp;#34;).Property.FillRule | (import(&amp;#34;csstype&amp;#34;).Property.FillRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FillRule[] | undefined;
floodColor?: import(&amp;#34;csstype&amp;#34;).Property.FloodColor | (import(&amp;#34;csstype&amp;#34;).Property.FloodColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FloodColor[] | undefined;
floodOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | undefined)[] | undefined;
glyphOrientationVertical?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | (import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | undefined)[] | undefined;
lightingColor?: import(&amp;#34;csstype&amp;#34;).Property.LightingColor | (import(&amp;#34;csstype&amp;#34;).Property.LightingColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LightingColor[] | undefined;
marker?: import(&amp;#34;csstype&amp;#34;).Property.Marker | (import(&amp;#34;csstype&amp;#34;).Property.Marker | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Marker[] | undefined;
markerEnd?: import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | (import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd[] | undefined;
markerMid?: import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | (import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerMid[] | undefined;
markerStart?: import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | (import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerStart[] | undefined;
shapeRendering?: import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | (import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering[] | undefined;
stopColor?: import(&amp;#34;csstype&amp;#34;).Property.StopColor | (import(&amp;#34;csstype&amp;#34;).Property.StopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StopColor[] | undefined;
stopOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | undefined)[] | undefined;
stroke?: import(&amp;#34;csstype&amp;#34;).Property.Stroke | (import(&amp;#34;csstype&amp;#34;).Property.Stroke | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Stroke[] | undefined;
strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
strokeLinecap?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap[] | undefined;
strokeLinejoin?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin[] | undefined;
strokeMiterlimit?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | (import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | undefined)[] | undefined;
strokeOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | undefined)[] | undefined;
strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textAnchor?: import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | (import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAnchor[] | undefined;
vectorEffect?: import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | (import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.VectorEffect[] | undefined;
&amp;#34;:-moz-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::cue&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::cue-region&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::part&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::slotted&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:has&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:host&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:host-context&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:is&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:lang&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:matches()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:not&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:where&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-khtml-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-focusring&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-ui-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-ui-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-ms-fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-progress&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-browse&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-check&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-clear&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill-lower&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill-upper&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-reveal&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-ticks-after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-ticks-before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-tooltip&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-inner-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-slider-runnable-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-slider-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::grammar-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::marker&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::spelling-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::target-text&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:active&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:blank&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:checked&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:current&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:default&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:defined&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:disabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:empty&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:enabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus-visible&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:future&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:hover&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:in-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:indeterminate&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:left&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:local-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:only-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:only-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:optional&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:out-of-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:past&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:paused&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:picture-in-picture&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:placeholder-shown&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:required&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:right&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:root&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:scope&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:target&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:target-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:user-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:user-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:visited&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
label?: string | undefined;
};
loadingIndicator: () =&amp;gt; {};
loadingMessage: () =&amp;gt; {};
menu: () =&amp;gt; {};
menuList: ({ maxHeight }: {
maxHeight: number;
}) =&amp;gt; {
maxHeight: number;
};
multiValue: () =&amp;gt; {};
multiValueLabel: () =&amp;gt; {};
multiValueRemove: () =&amp;gt; {};
noOptionsMessage: () =&amp;gt; {};
option: () =&amp;gt; {};
placeholder: (originalStyles: CSSObjectWithLabel) =&amp;gt; {
color: string;
accentColor?: import(&amp;#34;csstype&amp;#34;).Property.AccentColor | (import(&amp;#34;csstype&amp;#34;).Property.AccentColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AccentColor[] | undefined;
alignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
alignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
alignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
alignTracks?: import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | (import(&amp;#34;csstype&amp;#34;).Property.AlignTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignTracks[] | undefined;
animationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
animationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
animationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
animationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
animationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
animationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
animationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
animationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
appearance?: import(&amp;#34;csstype&amp;#34;).Property.Appearance | (import(&amp;#34;csstype&amp;#34;).Property.Appearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Appearance[] | undefined;
aspectRatio?: import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | (import(&amp;#34;csstype&amp;#34;).Property.AspectRatio | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AspectRatio[] | undefined;
backdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
backfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
backgroundAttachment?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundAttachment[] | undefined;
backgroundBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundBlendMode[] | undefined;
backgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
backgroundColor?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundColor[] | undefined;
backgroundImage?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundImage[] | undefined;
backgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
backgroundPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundRepeat[] | undefined;
backgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
blockOverflow?: import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | (import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BlockOverflow[] | undefined;
blockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockColor[] | undefined;
borderBlockEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndColor[] | undefined;
borderBlockEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndStyle[] | undefined;
borderBlockEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartColor[] | undefined;
borderBlockStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartStyle[] | undefined;
borderBlockStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStyle[] | undefined;
borderBlockWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomColor[] | undefined;
borderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottomStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomStyle[] | undefined;
borderBottomWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderCollapse?: import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | (import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderCollapse[] | undefined;
borderEndEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderEndStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderEndStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageRepeat[] | undefined;
borderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
borderImageSource?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageSource[] | undefined;
borderImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineColor[] | undefined;
borderInlineEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
borderInlineEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
borderInlineEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
borderInlineStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
borderInlineStartWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStyle[] | undefined;
borderInlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderLeftColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftColor[] | undefined;
borderLeftStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftStyle[] | undefined;
borderLeftWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeftWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRightColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightColor[] | undefined;
borderRightStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightStyle[] | undefined;
borderRightWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRightWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderSpacing?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStartEndRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartEndRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStartStartRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderStartStartRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopColor[] | undefined;
borderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderTopStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopStyle[] | undefined;
borderTopWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
bottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Bottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
boxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
boxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
boxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
breakAfter?: import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.BreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakAfter[] | undefined;
breakBefore?: import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.BreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakBefore[] | undefined;
breakInside?: import(&amp;#34;csstype&amp;#34;).Property.BreakInside | (import(&amp;#34;csstype&amp;#34;).Property.BreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BreakInside[] | undefined;
captionSide?: import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | (import(&amp;#34;csstype&amp;#34;).Property.CaptionSide | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaptionSide[] | undefined;
caretColor?: import(&amp;#34;csstype&amp;#34;).Property.CaretColor | (import(&amp;#34;csstype&amp;#34;).Property.CaretColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CaretColor[] | undefined;
clear?: import(&amp;#34;csstype&amp;#34;).Property.Clear | (import(&amp;#34;csstype&amp;#34;).Property.Clear | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clear[] | undefined;
clipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
colorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
colorScheme?: import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | (import(&amp;#34;csstype&amp;#34;).Property.ColorScheme | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorScheme[] | undefined;
columnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
columnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
columnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
columnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
columnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
columnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
contain?: import(&amp;#34;csstype&amp;#34;).Property.Contain | (import(&amp;#34;csstype&amp;#34;).Property.Contain | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Contain[] | undefined;
content?: import(&amp;#34;csstype&amp;#34;).Property.Content | (import(&amp;#34;csstype&amp;#34;).Property.Content | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Content[] | undefined;
contentVisibility?: import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | (import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ContentVisibility[] | undefined;
counterIncrement?: import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | (import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterIncrement[] | undefined;
counterReset?: import(&amp;#34;csstype&amp;#34;).Property.CounterReset | (import(&amp;#34;csstype&amp;#34;).Property.CounterReset | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterReset[] | undefined;
counterSet?: import(&amp;#34;csstype&amp;#34;).Property.CounterSet | (import(&amp;#34;csstype&amp;#34;).Property.CounterSet | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.CounterSet[] | undefined;
cursor?: import(&amp;#34;csstype&amp;#34;).Property.Cursor | (import(&amp;#34;csstype&amp;#34;).Property.Cursor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Cursor[] | undefined;
direction?: import(&amp;#34;csstype&amp;#34;).Property.Direction | (import(&amp;#34;csstype&amp;#34;).Property.Direction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Direction[] | undefined;
display?: import(&amp;#34;csstype&amp;#34;).Property.Display | (import(&amp;#34;csstype&amp;#34;).Property.Display | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Display[] | undefined;
emptyCells?: import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | (import(&amp;#34;csstype&amp;#34;).Property.EmptyCells | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.EmptyCells[] | undefined;
filter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
flexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
flexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
flexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
flexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
float?: import(&amp;#34;csstype&amp;#34;).Property.Float | (import(&amp;#34;csstype&amp;#34;).Property.Float | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Float[] | undefined;
fontFamily?: import(&amp;#34;csstype&amp;#34;).Property.FontFamily | (import(&amp;#34;csstype&amp;#34;).Property.FontFamily | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFamily[] | undefined;
fontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
fontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
fontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
fontOpticalSizing?: import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | (import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontOpticalSizing[] | undefined;
fontSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
fontSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.FontSizeAdjust | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;from-font&amp;#34;)[] | undefined;
fontSmooth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
fontStretch?: import(&amp;#34;csstype&amp;#34;).Property.FontStretch | (import(&amp;#34;csstype&amp;#34;).Property.FontStretch | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStretch[] | undefined;
fontStyle?: import(&amp;#34;csstype&amp;#34;).Property.FontStyle | (import(&amp;#34;csstype&amp;#34;).Property.FontStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontStyle[] | undefined;
fontSynthesis?: import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | (import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontSynthesis[] | undefined;
fontVariant?: import(&amp;#34;csstype&amp;#34;).Property.FontVariant | (import(&amp;#34;csstype&amp;#34;).Property.FontVariant | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariant[] | undefined;
fontVariantCaps?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantCaps[] | undefined;
fontVariantEastAsian?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantEastAsian[] | undefined;
fontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
fontVariantNumeric?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantNumeric[] | undefined;
fontVariantPosition?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantPosition[] | undefined;
fontVariationSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariationSettings[] | undefined;
fontWeight?: import(&amp;#34;csstype&amp;#34;).Property.FontWeight | (import(&amp;#34;csstype&amp;#34;).Property.FontWeight | undefined)[] | (&amp;#34;bold&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;bolder&amp;#34; | &amp;#34;lighter&amp;#34;)[] | undefined;
forcedColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ForcedColorAdjust[] | undefined;
gridAutoColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridAutoFlow?: import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoFlow[] | undefined;
gridAutoRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridAutoRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridColumnEnd?: import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnEnd | undefined)[] | (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
gridColumnStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnStart | undefined)[] | undefined;
gridRowEnd?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | (import(&amp;#34;csstype&amp;#34;).Property.GridRowEnd | undefined)[] | undefined;
gridRowStart?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | (import(&amp;#34;csstype&amp;#34;).Property.GridRowStart | undefined)[] | undefined;
gridTemplateAreas?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateAreas[] | undefined;
gridTemplateColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridTemplateRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplateRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
hangingPunctuation?: import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | (import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.HangingPunctuation[] | undefined;
height?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Height&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
hyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
imageOrientation?: import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | (import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageOrientation[] | undefined;
imageRendering?: import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | (import(&amp;#34;csstype&amp;#34;).Property.ImageRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageRendering[] | undefined;
imageResolution?: import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | (import(&amp;#34;csstype&amp;#34;).Property.ImageResolution | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImageResolution[] | undefined;
initialLetter?: import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | (import(&amp;#34;csstype&amp;#34;).Property.InitialLetter | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34;)[] | undefined;
inlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
inset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Inset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
insetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
isolation?: import(&amp;#34;csstype&amp;#34;).Property.Isolation | (import(&amp;#34;csstype&amp;#34;).Property.Isolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Isolation[] | undefined;
justifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
justifyItems?: import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | (import(&amp;#34;csstype&amp;#34;).Property.JustifyItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyItems[] | undefined;
justifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
justifyTracks?: import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | (import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyTracks[] | undefined;
left?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Left&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
letterSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LetterSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
lineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
lineHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
lineHeightStep?: string[] | import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.LineHeightStep&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
listStyleImage?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleImage[] | undefined;
listStylePosition?: import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | (import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStylePosition[] | undefined;
listStyleType?: import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | (import(&amp;#34;csstype&amp;#34;).Property.ListStyleType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyleType[] | undefined;
marginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
marginTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorderMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderMode[] | undefined;
maskBorderOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorderRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
maskBorderSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
maskBorderSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
maskBorderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskClip?: import(&amp;#34;csstype&amp;#34;).Property.MaskClip | (import(&amp;#34;csstype&amp;#34;).Property.MaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskClip[] | undefined;
maskComposite?: import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.MaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskComposite[] | undefined;
maskImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskImage | (import(&amp;#34;csstype&amp;#34;).Property.MaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskImage[] | undefined;
maskMode?: import(&amp;#34;csstype&amp;#34;).Property.MaskMode | (import(&amp;#34;csstype&amp;#34;).Property.MaskMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskMode[] | undefined;
maskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskOrigin[] | undefined;
maskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskRepeat[] | undefined;
maskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskType?: import(&amp;#34;csstype&amp;#34;).Property.MaskType | (import(&amp;#34;csstype&amp;#34;).Property.MaskType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskType[] | undefined;
mathStyle?: import(&amp;#34;csstype&amp;#34;).Property.MathStyle | (import(&amp;#34;csstype&amp;#34;).Property.MathStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MathStyle[] | undefined;
maxBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maxLines?: import(&amp;#34;csstype&amp;#34;).Property.MaxLines | (import(&amp;#34;csstype&amp;#34;).Property.MaxLines | undefined)[] | (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
maxWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minBlockSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinBlockSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minHeight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinHeight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
minWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MinWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
mixBlendMode?: import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | (import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MixBlendMode[] | undefined;
motionDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
motionPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
motionRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
objectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
objectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetAnchor?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetAnchor&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetDistance?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OffsetDistance&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetPath?: import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | (import(&amp;#34;csstype&amp;#34;).Property.OffsetPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetPath[] | undefined;
offsetRotate?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
offsetRotation?: import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | (import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OffsetRotate[] | undefined;
opacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
order?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
orphans?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Orphans | (import(&amp;#34;csstype&amp;#34;).Property.Orphans | undefined)[] | undefined;
outlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
outlineOffset?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
outlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
outlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
overflowAnchor?: import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | (import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowAnchor[] | undefined;
overflowBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowBlock[] | undefined;
overflowClipBox?: import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipBox[] | undefined;
overflowClipMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OverflowClipMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
overflowInline?: import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | (import(&amp;#34;csstype&amp;#34;).Property.OverflowInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowInline[] | undefined;
overflowWrap?: import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | (import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowWrap[] | undefined;
overflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
overflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
overscrollBehaviorBlock?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorBlock[] | undefined;
overscrollBehaviorInline?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorInline[] | undefined;
overscrollBehaviorX?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorX[] | undefined;
overscrollBehaviorY?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehaviorY[] | undefined;
paddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
paddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
pageBreakAfter?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakAfter[] | undefined;
pageBreakBefore?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakBefore[] | undefined;
pageBreakInside?: import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | (import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PageBreakInside[] | undefined;
paintOrder?: import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | (import(&amp;#34;csstype&amp;#34;).Property.PaintOrder | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PaintOrder[] | undefined;
perspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
perspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
placeContent?: import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | (import(&amp;#34;csstype&amp;#34;).Property.PlaceContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceContent[] | undefined;
pointerEvents?: import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | (import(&amp;#34;csstype&amp;#34;).Property.PointerEvents | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PointerEvents[] | undefined;
position?: import(&amp;#34;csstype&amp;#34;).Property.Position | (import(&amp;#34;csstype&amp;#34;).Property.Position | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Position[] | undefined;
quotes?: import(&amp;#34;csstype&amp;#34;).Property.Quotes | (import(&amp;#34;csstype&amp;#34;).Property.Quotes | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Quotes[] | undefined;
resize?: import(&amp;#34;csstype&amp;#34;).Property.Resize | (import(&amp;#34;csstype&amp;#34;).Property.Resize | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Resize[] | undefined;
right?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Right&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
rotate?: import(&amp;#34;csstype&amp;#34;).Property.Rotate | (import(&amp;#34;csstype&amp;#34;).Property.Rotate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Rotate[] | undefined;
rowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.RowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
rubyAlign?: import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | (import(&amp;#34;csstype&amp;#34;).Property.RubyAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyAlign[] | undefined;
rubyMerge?: import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | (import(&amp;#34;csstype&amp;#34;).Property.RubyMerge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyMerge[] | undefined;
rubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
scale?: import(&amp;#34;csstype&amp;#34;).Property.Scale | (import(&amp;#34;csstype&amp;#34;).Property.Scale | undefined)[] | (&amp;#34;none&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
scrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollBehavior[] | undefined;
scrollMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlockEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBlockStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInlineEnd?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginInlineStart?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPadding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPadding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollPaddingTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollPaddingTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapAlign?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapAlign[] | undefined;
scrollSnapMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginBottom?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginLeft?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginRight?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapMarginTop?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollMarginTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapStop?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapStop[] | undefined;
scrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
scrollbarColor?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarColor[] | undefined;
scrollbarGutter?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarGutter[] | undefined;
scrollbarWidth?: import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | (import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollbarWidth[] | undefined;
shapeImageThreshold?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | (import(&amp;#34;csstype&amp;#34;).Property.ShapeImageThreshold | undefined)[] | undefined;
shapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
shapeOutside?: import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | (import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeOutside[] | undefined;
tabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
tableLayout?: import(&amp;#34;csstype&amp;#34;).Property.TableLayout | (import(&amp;#34;csstype&amp;#34;).Property.TableLayout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TableLayout[] | undefined;
textAlign?: import(&amp;#34;csstype&amp;#34;).Property.TextAlign | (import(&amp;#34;csstype&amp;#34;).Property.TextAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlign[] | undefined;
textAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
textCombineUpright?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
textDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
textDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
textDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
textDecorationSkipInk?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkipInk[] | undefined;
textDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
textDecorationThickness?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textDecorationWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationThickness&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
textEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
textEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
textIndent?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextIndent&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textJustify?: import(&amp;#34;csstype&amp;#34;).Property.TextJustify | (import(&amp;#34;csstype&amp;#34;).Property.TextJustify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextJustify[] | undefined;
textOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
textOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
textRendering?: import(&amp;#34;csstype&amp;#34;).Property.TextRendering | (import(&amp;#34;csstype&amp;#34;).Property.TextRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextRendering[] | undefined;
textShadow?: import(&amp;#34;csstype&amp;#34;).Property.TextShadow | (import(&amp;#34;csstype&amp;#34;).Property.TextShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextShadow[] | undefined;
textSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
textTransform?: import(&amp;#34;csstype&amp;#34;).Property.TextTransform | (import(&amp;#34;csstype&amp;#34;).Property.TextTransform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextTransform[] | undefined;
textUnderlineOffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlineOffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
top?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Top&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
touchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
transform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
transformBox?: import(&amp;#34;csstype&amp;#34;).Property.TransformBox | (import(&amp;#34;csstype&amp;#34;).Property.TransformBox | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformBox[] | undefined;
transformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
transformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
transitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
transitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
transitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
transitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
translate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Translate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
unicodeBidi?: import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | (import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UnicodeBidi[] | undefined;
userSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
verticalAlign?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.VerticalAlign&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
visibility?: import(&amp;#34;csstype&amp;#34;).Property.Visibility | (import(&amp;#34;csstype&amp;#34;).Property.Visibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Visibility[] | undefined;
whiteSpace?: import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | (import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WhiteSpace[] | undefined;
widows?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Widows | (import(&amp;#34;csstype&amp;#34;).Property.Widows | undefined)[] | undefined;
width?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Width&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
willChange?: import(&amp;#34;csstype&amp;#34;).Property.WillChange | (import(&amp;#34;csstype&amp;#34;).Property.WillChange | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WillChange[] | undefined;
wordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
wordSpacing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WordSpacing&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
wordWrap?: import(&amp;#34;csstype&amp;#34;).Property.WordWrap | (import(&amp;#34;csstype&amp;#34;).Property.WordWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordWrap[] | undefined;
writingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
zIndex?: (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.ZIndex | (import(&amp;#34;csstype&amp;#34;).Property.ZIndex | undefined)[] | undefined;
zoom?: import(&amp;#34;csstype&amp;#34;).Property.Zoom | (import(&amp;#34;csstype&amp;#34;).Property.Zoom | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;normal&amp;#34; | &amp;#34;reset&amp;#34;)[] | undefined;
all?: import(&amp;#34;csstype&amp;#34;).Globals | import(&amp;#34;csstype&amp;#34;).Globals[] | (import(&amp;#34;csstype&amp;#34;).Globals | undefined)[] | undefined;
animation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
background?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Background&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
backgroundPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
border?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Border&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderBottom?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottom&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderColor[] | undefined;
borderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
borderInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderLeft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderLeft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderRight?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRight&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderStyle[] | undefined;
borderTop?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTop&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
borderWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
columns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
flexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
font?: import(&amp;#34;csstype&amp;#34;).Property.Font | (import(&amp;#34;csstype&amp;#34;).Property.Font | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Font[] | undefined;
gap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Gap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
grid?: import(&amp;#34;csstype&amp;#34;).Property.Grid | (import(&amp;#34;csstype&amp;#34;).Property.Grid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Grid[] | undefined;
gridArea?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridArea | (import(&amp;#34;csstype&amp;#34;).Property.GridArea | undefined)[] | undefined;
gridColumn?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumn | (import(&amp;#34;csstype&amp;#34;).Property.GridColumn | undefined)[] | undefined;
gridRow?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GridRow | (import(&amp;#34;csstype&amp;#34;).Property.GridRow | undefined)[] | undefined;
gridTemplate?: import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | (import(&amp;#34;csstype&amp;#34;).Property.GridTemplate | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.GridTemplate[] | undefined;
lineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.LineClamp | (import(&amp;#34;csstype&amp;#34;).Property.LineClamp | undefined)[] | undefined;
listStyle?: import(&amp;#34;csstype&amp;#34;).Property.ListStyle | (import(&amp;#34;csstype&amp;#34;).Property.ListStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ListStyle[] | undefined;
margin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Margin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Margin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
mask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Mask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
maskBorder?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
motion?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Offset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
outline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
overflow?: import(&amp;#34;csstype&amp;#34;).Property.Overflow | (import(&amp;#34;csstype&amp;#34;).Property.Overflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Overflow[] | undefined;
overscrollBehavior?: import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | (import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverscrollBehavior[] | undefined;
padding?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Padding&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Padding&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
placeItems?: import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | (import(&amp;#34;csstype&amp;#34;).Property.PlaceItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceItems[] | undefined;
placeSelf?: import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | (import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.PlaceSelf[] | undefined;
textDecoration?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TextDecoration&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
transition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
MozAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
MozAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
MozAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
MozAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
MozAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
MozAppearance?: import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | (import(&amp;#34;csstype&amp;#34;).Property.MozAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozAppearance[] | undefined;
MozBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
MozBorderBottomColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderBottomColors[] | undefined;
MozBorderEndColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndColor[] | undefined;
MozBorderEndStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndStyle[] | undefined;
MozBorderEndWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineEndWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderLeftColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderLeftColors[] | undefined;
MozBorderRightColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderRightColors[] | undefined;
MozBorderStartColor?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartColor[] | undefined;
MozBorderStartStyle?: import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | (import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BorderInlineStartStyle[] | undefined;
MozBorderTopColors?: import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | (import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBorderTopColors[] | undefined;
MozBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
MozColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
MozColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
MozColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
MozColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
MozColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozContextProperties?: import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | (import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozContextProperties[] | undefined;
MozFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
MozFontLanguageOverride?: import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | (import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontLanguageOverride[] | undefined;
MozHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
MozImageRegion?: import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | (import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozImageRegion[] | undefined;
MozMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOrient?: import(&amp;#34;csstype&amp;#34;).Property.MozOrient | (import(&amp;#34;csstype&amp;#34;).Property.MozOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozOrient[] | undefined;
MozOsxFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozStackSizing?: import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | (import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozStackSizing[] | undefined;
MozTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTextBlink?: import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | (import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozTextBlink[] | undefined;
MozTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
MozTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
MozTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
MozTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
MozTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
MozUserFocus?: import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | (import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserFocus[] | undefined;
MozUserModify?: import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | (import(&amp;#34;csstype&amp;#34;).Property.MozUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserModify[] | undefined;
MozUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
MozWindowDragging?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowDragging[] | undefined;
MozWindowShadow?: import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | (import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozWindowShadow[] | undefined;
msAccelerator?: import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | (import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsAccelerator[] | undefined;
msAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
msBlockProgression?: import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | (import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsBlockProgression[] | undefined;
msContentZoomChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomChaining[] | undefined;
msContentZoomLimitMax?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMax[] | undefined;
msContentZoomLimitMin?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimitMin[] | undefined;
msContentZoomSnapPoints?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapPoints[] | undefined;
msContentZoomSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnapType[] | undefined;
msContentZooming?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZooming[] | undefined;
msFilter?: import(&amp;#34;csstype&amp;#34;).Property.MsFilter | (import(&amp;#34;csstype&amp;#34;).Property.MsFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFilter[] | undefined;
msFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
msFlexPositive?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
msFlowFrom?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowFrom[] | undefined;
msFlowInto?: import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | (import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsFlowInto[] | undefined;
msGridColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridColumns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msGridRows?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsGridRows&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msHighContrastAdjust?: import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | (import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHighContrastAdjust[] | undefined;
msHyphenateLimitChars?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitChars | undefined)[] | undefined;
msHyphenateLimitLines?: import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitLines | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;no-limit&amp;#34;)[] | undefined;
msHyphenateLimitZone?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsHyphenateLimitZone&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
msImeAlign?: import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | (import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsImeAlign[] | undefined;
msJustifySelf?: import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | (import(&amp;#34;csstype&amp;#34;).Property.JustifySelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifySelf[] | undefined;
msLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
msOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
msOverflowStyle?: import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | (import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsOverflowStyle[] | undefined;
msOverflowX?: import(&amp;#34;csstype&amp;#34;).Property.OverflowX | (import(&amp;#34;csstype&amp;#34;).Property.OverflowX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowX[] | undefined;
msOverflowY?: import(&amp;#34;csstype&amp;#34;).Property.OverflowY | (import(&amp;#34;csstype&amp;#34;).Property.OverflowY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OverflowY[] | undefined;
msScrollChaining?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollChaining[] | undefined;
msScrollLimitXMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitXMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitXMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitYMax?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMax&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimitYMin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimitYMin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollRails?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollRails[] | undefined;
msScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsX[] | undefined;
msScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapPointsY[] | undefined;
msScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapType[] | undefined;
msScrollTranslation?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollTranslation[] | undefined;
msScrollbar3dlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbar3dlightColor[] | undefined;
msScrollbarArrowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarArrowColor[] | undefined;
msScrollbarBaseColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarBaseColor[] | undefined;
msScrollbarDarkshadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarDarkshadowColor[] | undefined;
msScrollbarFaceColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarFaceColor[] | undefined;
msScrollbarHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarHighlightColor[] | undefined;
msScrollbarShadowColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarShadowColor[] | undefined;
msTextAutospace?: import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | (import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTextAutospace[] | undefined;
msTextCombineHorizontal?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
msTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
msTouchAction?: import(&amp;#34;csstype&amp;#34;).Property.TouchAction | (import(&amp;#34;csstype&amp;#34;).Property.TouchAction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TouchAction[] | undefined;
msTouchSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsTouchSelect[] | undefined;
msTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
msTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
msTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
msUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | (import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsUserSelect[] | undefined;
msWordBreak?: import(&amp;#34;csstype&amp;#34;).Property.WordBreak | (import(&amp;#34;csstype&amp;#34;).Property.WordBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WordBreak[] | undefined;
msWrapFlow?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapFlow[] | undefined;
msWrapMargin?: string[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msWrapThrough?: import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | (import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsWrapThrough[] | undefined;
msWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
WebkitAlignContent?: import(&amp;#34;csstype&amp;#34;).Property.AlignContent | (import(&amp;#34;csstype&amp;#34;).Property.AlignContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignContent[] | undefined;
WebkitAlignItems?: import(&amp;#34;csstype&amp;#34;).Property.AlignItems | (import(&amp;#34;csstype&amp;#34;).Property.AlignItems | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignItems[] | undefined;
WebkitAlignSelf?: import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | (import(&amp;#34;csstype&amp;#34;).Property.AlignSelf | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignSelf[] | undefined;
WebkitAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
WebkitAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
WebkitAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
WebkitAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
WebkitAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
WebkitAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
WebkitAppearance?: import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | (import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitAppearance[] | undefined;
WebkitBackdropFilter?: import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | (import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackdropFilter[] | undefined;
WebkitBackfaceVisibility?: import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | (import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackfaceVisibility[] | undefined;
WebkitBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
WebkitBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
WebkitBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBeforeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeColor[] | undefined;
WebkitBorderBeforeStyle?: import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeStyle[] | undefined;
WebkitBorderBeforeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBeforeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBottomLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderBottomRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderImageSlice?: import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | (import(&amp;#34;csstype&amp;#34;).Property.BorderImageSlice | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
WebkitBorderTopLeftRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderTopRightRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBoxDecorationBreak?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
WebkitBoxReflect?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBoxReflect&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
WebkitBoxSizing?: import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | (import(&amp;#34;csstype&amp;#34;).Property.BoxSizing | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxSizing[] | undefined;
WebkitClipPath?: import(&amp;#34;csstype&amp;#34;).Property.ClipPath | (import(&amp;#34;csstype&amp;#34;).Property.ClipPath | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipPath[] | undefined;
WebkitColumnCount?: import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | (import(&amp;#34;csstype&amp;#34;).Property.ColumnCount | undefined)[] | (&amp;#34;auto&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | undefined;
WebkitColumnFill?: import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | (import(&amp;#34;csstype&amp;#34;).Property.ColumnFill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnFill[] | undefined;
WebkitColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnRuleColor?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleColor[] | undefined;
WebkitColumnRuleStyle?: import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleStyle[] | undefined;
WebkitColumnRuleWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRuleWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnSpan?: import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | (import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnSpan[] | undefined;
WebkitColumnWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFilter?: import(&amp;#34;csstype&amp;#34;).Property.Filter | (import(&amp;#34;csstype&amp;#34;).Property.Filter | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Filter[] | undefined;
WebkitFlexBasis?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FlexBasis&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlexDirection?: import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | (import(&amp;#34;csstype&amp;#34;).Property.FlexDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexDirection[] | undefined;
WebkitFlexGrow?: import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | (import(&amp;#34;csstype&amp;#34;).Property.FlexGrow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Globals[] | undefined;
WebkitFlexShrink?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | (import(&amp;#34;csstype&amp;#34;).Property.FlexShrink | undefined)[] | undefined;
WebkitFlexWrap?: import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | (import(&amp;#34;csstype&amp;#34;).Property.FlexWrap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexWrap[] | undefined;
WebkitFontFeatureSettings?: import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | (import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontFeatureSettings[] | undefined;
WebkitFontKerning?: import(&amp;#34;csstype&amp;#34;).Property.FontKerning | (import(&amp;#34;csstype&amp;#34;).Property.FontKerning | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontKerning[] | undefined;
WebkitFontSmoothing?: string[] | import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.FontSmooth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFontVariantLigatures?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantLigatures[] | undefined;
WebkitHyphens?: import(&amp;#34;csstype&amp;#34;).Property.Hyphens | (import(&amp;#34;csstype&amp;#34;).Property.Hyphens | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Hyphens[] | undefined;
WebkitJustifyContent?: import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | (import(&amp;#34;csstype&amp;#34;).Property.JustifyContent | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.JustifyContent[] | undefined;
WebkitLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
WebkitLineClamp?: (&amp;#34;none&amp;#34; | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | (import(&amp;#34;csstype&amp;#34;).Property.WebkitLineClamp | undefined)[] | undefined;
WebkitMarginEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMarginStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MarginInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskAttachment?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskAttachment[] | undefined;
WebkitMaskBoxImageOutset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderOutset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskBoxImageRepeat?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderRepeat[] | undefined;
WebkitMaskBoxImageSlice?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSlice | undefined)[] | undefined;
WebkitMaskBoxImageSource?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderSource[] | undefined;
WebkitMaskBoxImageWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorderWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskClip?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskClip[] | undefined;
WebkitMaskComposite?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskComposite[] | undefined;
WebkitMaskImage?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskImage[] | undefined;
WebkitMaskOrigin?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskOrigin[] | undefined;
WebkitMaskPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskPositionX?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionX&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskPositionY?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskPositionY&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskRepeat?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeat[] | undefined;
WebkitMaskRepeatX?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatX[] | undefined;
WebkitMaskRepeatY?: import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskRepeatY[] | undefined;
WebkitMaskSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMaskSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaxInlineSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MaxInlineSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitOrder?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.Order | (import(&amp;#34;csstype&amp;#34;).Property.Order | undefined)[] | undefined;
WebkitOverflowScrolling?: import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | (import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitOverflowScrolling[] | undefined;
WebkitPaddingEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPaddingStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PaddingInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPerspective?: string[] | import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Perspective&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPerspectiveOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.PerspectiveOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitPrintColorAdjust?: import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | (import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorAdjust[] | undefined;
WebkitRubyPosition?: import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | (import(&amp;#34;csstype&amp;#34;).Property.RubyPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.RubyPosition[] | undefined;
WebkitScrollSnapType?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapType[] | undefined;
WebkitShapeMargin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ShapeMargin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTapHighlightColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTapHighlightColor[] | undefined;
WebkitTextCombine?: import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | (import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextCombineUpright[] | undefined;
WebkitTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
WebkitTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
WebkitTextDecorationSkip?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationSkip[] | undefined;
WebkitTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
WebkitTextEmphasisColor?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisColor[] | undefined;
WebkitTextEmphasisPosition?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisPosition[] | undefined;
WebkitTextEmphasisStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasisStyle[] | undefined;
WebkitTextFillColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextFillColor[] | undefined;
WebkitTextOrientation?: import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | (import(&amp;#34;csstype&amp;#34;).Property.TextOrientation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOrientation[] | undefined;
WebkitTextSizeAdjust?: import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | (import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextSizeAdjust[] | undefined;
WebkitTextStrokeColor?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeColor[] | undefined;
WebkitTextStrokeWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTextUnderlinePosition?: import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | (import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextUnderlinePosition[] | undefined;
WebkitTouchCallout?: import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTouchCallout[] | undefined;
WebkitTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
WebkitTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTransformStyle?: import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | (import(&amp;#34;csstype&amp;#34;).Property.TransformStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransformStyle[] | undefined;
WebkitTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
WebkitTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
WebkitUserModify?: import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | (import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitUserModify[] | undefined;
WebkitUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
WebkitWritingMode?: import(&amp;#34;csstype&amp;#34;).Property.WritingMode | (import(&amp;#34;csstype&amp;#34;).Property.WritingMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.WritingMode[] | undefined;
MozAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
MozBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
MozColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
msContentZoomLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomLimit[] | undefined;
msContentZoomSnap?: import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | (import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsContentZoomSnap[] | undefined;
msFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
msScrollLimit?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollLimit[] | undefined;
msScrollSnapX?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapX[] | undefined;
msScrollSnapY?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollSnapY[] | undefined;
msTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
WebkitAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
WebkitBorderBefore?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitBorderBefore&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
WebkitBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumnRule?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ColumnRule&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitColumns?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Columns&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlex?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Flex&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitFlexFlow?: import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | (import(&amp;#34;csstype&amp;#34;).Property.FlexFlow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FlexFlow[] | undefined;
WebkitMask?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitMask&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitMaskBoxImage?: import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | (import(&amp;#34;csstype&amp;#34;).Property.MaskBorder | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34; | &amp;#34;alpha&amp;#34; | &amp;#34;luminance&amp;#34;)[] | undefined;
WebkitTextEmphasis?: import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | (import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextEmphasis[] | undefined;
WebkitTextStroke?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.WebkitTextStroke&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
WebkitTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
azimuth?: import(&amp;#34;csstype&amp;#34;).Property.Azimuth | (import(&amp;#34;csstype&amp;#34;).Property.Azimuth | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Azimuth[] | undefined;
boxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
boxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
boxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
boxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
boxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
boxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
boxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
boxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
clip?: import(&amp;#34;csstype&amp;#34;).Property.Clip | (import(&amp;#34;csstype&amp;#34;).Property.Clip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Clip[] | undefined;
fontVariantAlternates?: import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | (import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FontVariantAlternates[] | undefined;
gridColumnGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridColumnGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
gridRowGap?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.GridRowGap&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
imeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
offsetBlock?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlock&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetBlockEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetBlockStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetBlockStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInline?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInline&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInlineEnd?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineEnd&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
offsetInlineStart?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.InsetInlineStart&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapCoordinate?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapCoordinate&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapDestination?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapDestination&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
scrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
scrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
scrollSnapTypeX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeX[] | undefined;
scrollSnapTypeY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapTypeY[] | undefined;
scrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
KhtmlBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
KhtmlBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
KhtmlBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
KhtmlBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
KhtmlBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
KhtmlBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
KhtmlBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
KhtmlBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
KhtmlLineBreak?: import(&amp;#34;csstype&amp;#34;).Property.LineBreak | (import(&amp;#34;csstype&amp;#34;).Property.LineBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LineBreak[] | undefined;
KhtmlOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
KhtmlUserSelect?: import(&amp;#34;csstype&amp;#34;).Property.UserSelect | (import(&amp;#34;csstype&amp;#34;).Property.UserSelect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.UserSelect[] | undefined;
MozBackgroundClip?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundClip[] | undefined;
MozBackgroundInlinePolicy?: import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | (import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDecorationBreak[] | undefined;
MozBackgroundOrigin?: import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundOrigin[] | undefined;
MozBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBinding?: import(&amp;#34;csstype&amp;#34;).Property.MozBinding | (import(&amp;#34;csstype&amp;#34;).Property.MozBinding | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozBinding[] | undefined;
MozBorderRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderBottomRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopLeftRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBorderRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BorderTopRightRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
MozBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
MozBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
MozBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
MozBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
MozBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
MozBoxShadow?: import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | (import(&amp;#34;csstype&amp;#34;).Property.BoxShadow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxShadow[] | undefined;
MozFloatEdge?: import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | (import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozFloatEdge[] | undefined;
MozForceBrokenImageIcon?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | (import(&amp;#34;csstype&amp;#34;).Property.MozForceBrokenImageIcon | undefined)[] | undefined;
MozOpacity?: ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.Opacity | (import(&amp;#34;csstype&amp;#34;).Property.Opacity | undefined)[] | undefined;
MozOutline?: import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Outline&amp;lt;string | number&amp;gt; | undefined)[] | (string | (string &amp;amp; {}))[] | undefined;
MozOutlineColor?: import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | (import(&amp;#34;csstype&amp;#34;).Property.OutlineColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineColor[] | undefined;
MozOutlineRadius?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadius&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusBottomleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusBottomright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusBottomright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusTopleft?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopleft&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineRadiusTopright?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.MozOutlineRadiusTopright&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozOutlineStyle?: import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | (import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineStyle[] | undefined;
MozOutlineWidth?: string[] | import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.OutlineWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
MozTextAlignLast?: import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | (import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAlignLast[] | undefined;
MozTextDecorationColor?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationColor[] | undefined;
MozTextDecorationLine?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationLine[] | undefined;
MozTextDecorationStyle?: import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | (import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextDecorationStyle[] | undefined;
MozUserInput?: import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | (import(&amp;#34;csstype&amp;#34;).Property.MozUserInput | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MozUserInput[] | undefined;
msImeMode?: import(&amp;#34;csstype&amp;#34;).Property.ImeMode | (import(&amp;#34;csstype&amp;#34;).Property.ImeMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ImeMode[] | undefined;
msScrollbarTrackColor?: import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | (import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MsScrollbarTrackColor[] | undefined;
OAnimation?: import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Animation&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | (import(&amp;#34;csstype&amp;#34;).Globals | (&amp;#34;normal&amp;#34; | &amp;#34;alternate&amp;#34; | &amp;#34;alternate-reverse&amp;#34; | &amp;#34;reverse&amp;#34;) | (&amp;#34;none&amp;#34; | &amp;#34;both&amp;#34; | &amp;#34;backwards&amp;#34; | &amp;#34;forwards&amp;#34;) | &amp;#34;infinite&amp;#34; | &amp;#34;paused&amp;#34; | &amp;#34;running&amp;#34; | ((string &amp;amp; {}) | &amp;#34;ease&amp;#34; | &amp;#34;ease-in&amp;#34; | &amp;#34;ease-in-out&amp;#34; | &amp;#34;ease-out&amp;#34; | &amp;#34;step-end&amp;#34; | &amp;#34;step-start&amp;#34; | &amp;#34;linear&amp;#34;))[] | undefined;
OAnimationDelay?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OAnimationDirection?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDirection[] | undefined;
OAnimationDuration?: import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OAnimationFillMode?: import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | (import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationFillMode[] | undefined;
OAnimationIterationCount?: import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | (import(&amp;#34;csstype&amp;#34;).Property.AnimationIterationCount | undefined)[] | ((string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;infinite&amp;#34;)[] | undefined;
OAnimationName?: import(&amp;#34;csstype&amp;#34;).Property.AnimationName | (import(&amp;#34;csstype&amp;#34;).Property.AnimationName | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationName[] | undefined;
OAnimationPlayState?: import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | (import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationPlayState[] | undefined;
OAnimationTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AnimationTimingFunction[] | undefined;
OBackgroundSize?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BackgroundSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OBorderImage?: import(&amp;#34;csstype&amp;#34;).Property.BorderImage | (import(&amp;#34;csstype&amp;#34;).Property.BorderImage | undefined)[] | (&amp;#34;none&amp;#34; | &amp;#34;repeat&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals | &amp;#34;stretch&amp;#34; | &amp;#34;round&amp;#34; | &amp;#34;space&amp;#34;)[] | undefined;
OObjectFit?: import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | (import(&amp;#34;csstype&amp;#34;).Property.ObjectFit | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectFit[] | undefined;
OObjectPosition?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.ObjectPosition&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTabSize?: string[] | import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TabSize&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTextOverflow?: import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | (import(&amp;#34;csstype&amp;#34;).Property.TextOverflow | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextOverflow[] | undefined;
OTransform?: import(&amp;#34;csstype&amp;#34;).Property.Transform | (import(&amp;#34;csstype&amp;#34;).Property.Transform | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transform[] | undefined;
OTransformOrigin?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransformOrigin&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
OTransition?: import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Transition&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionDelay?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDelay&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionDuration?: import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt; | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionDuration&amp;lt;string &amp;amp; {}&amp;gt;[] | undefined;
OTransitionProperty?: import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | (import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionProperty[] | undefined;
OTransitionTimingFunction?: import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | (import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TransitionTimingFunction[] | undefined;
WebkitBoxAlign?: import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | (import(&amp;#34;csstype&amp;#34;).Property.BoxAlign | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxAlign[] | undefined;
WebkitBoxDirection?: import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | (import(&amp;#34;csstype&amp;#34;).Property.BoxDirection | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxDirection[] | undefined;
WebkitBoxFlex?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlex | undefined)[] | undefined;
WebkitBoxFlexGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxFlexGroup | undefined)[] | undefined;
WebkitBoxLines?: import(&amp;#34;csstype&amp;#34;).Property.BoxLines | (import(&amp;#34;csstype&amp;#34;).Property.BoxLines | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxLines[] | undefined;
WebkitBoxOrdinalGroup?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrdinalGroup | undefined)[] | undefined;
WebkitBoxOrient?: import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | (import(&amp;#34;csstype&amp;#34;).Property.BoxOrient | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxOrient[] | undefined;
WebkitBoxPack?: import(&amp;#34;csstype&amp;#34;).Property.BoxPack | (import(&amp;#34;csstype&amp;#34;).Property.BoxPack | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.BoxPack[] | undefined;
WebkitScrollSnapPointsX?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsX[] | undefined;
WebkitScrollSnapPointsY?: import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | (import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ScrollSnapPointsY[] | undefined;
alignmentBaseline?: import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | (import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.AlignmentBaseline[] | undefined;
baselineShift?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.BaselineShift&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
clipRule?: import(&amp;#34;csstype&amp;#34;).Property.ClipRule | (import(&amp;#34;csstype&amp;#34;).Property.ClipRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ClipRule[] | undefined;
colorInterpolation?: import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | (import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorInterpolation[] | undefined;
colorRendering?: import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | (import(&amp;#34;csstype&amp;#34;).Property.ColorRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ColorRendering[] | undefined;
dominantBaseline?: import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | (import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.DominantBaseline[] | undefined;
fill?: import(&amp;#34;csstype&amp;#34;).Property.Fill | (import(&amp;#34;csstype&amp;#34;).Property.Fill | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Fill[] | undefined;
fillOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FillOpacity | undefined)[] | undefined;
fillRule?: import(&amp;#34;csstype&amp;#34;).Property.FillRule | (import(&amp;#34;csstype&amp;#34;).Property.FillRule | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FillRule[] | undefined;
floodColor?: import(&amp;#34;csstype&amp;#34;).Property.FloodColor | (import(&amp;#34;csstype&amp;#34;).Property.FloodColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.FloodColor[] | undefined;
floodOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | (import(&amp;#34;csstype&amp;#34;).Property.FloodOpacity | undefined)[] | undefined;
glyphOrientationVertical?: (&amp;#34;auto&amp;#34; | (string &amp;amp; {}) | import(&amp;#34;csstype&amp;#34;).Globals)[] | import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | (import(&amp;#34;csstype&amp;#34;).Property.GlyphOrientationVertical | undefined)[] | undefined;
lightingColor?: import(&amp;#34;csstype&amp;#34;).Property.LightingColor | (import(&amp;#34;csstype&amp;#34;).Property.LightingColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.LightingColor[] | undefined;
marker?: import(&amp;#34;csstype&amp;#34;).Property.Marker | (import(&amp;#34;csstype&amp;#34;).Property.Marker | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Marker[] | undefined;
markerEnd?: import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | (import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerEnd[] | undefined;
markerMid?: import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | (import(&amp;#34;csstype&amp;#34;).Property.MarkerMid | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerMid[] | undefined;
markerStart?: import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | (import(&amp;#34;csstype&amp;#34;).Property.MarkerStart | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.MarkerStart[] | undefined;
shapeRendering?: import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | (import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.ShapeRendering[] | undefined;
stopColor?: import(&amp;#34;csstype&amp;#34;).Property.StopColor | (import(&amp;#34;csstype&amp;#34;).Property.StopColor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StopColor[] | undefined;
stopOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StopOpacity | undefined)[] | undefined;
stroke?: import(&amp;#34;csstype&amp;#34;).Property.Stroke | (import(&amp;#34;csstype&amp;#34;).Property.Stroke | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.Stroke[] | undefined;
strokeDasharray?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDasharray&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
strokeDashoffset?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeDashoffset&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
strokeLinecap?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinecap[] | undefined;
strokeLinejoin?: import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | (import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeLinejoin[] | undefined;
strokeMiterlimit?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | (import(&amp;#34;csstype&amp;#34;).Property.StrokeMiterlimit | undefined)[] | undefined;
strokeOpacity?: import(&amp;#34;csstype&amp;#34;).Globals[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | (import(&amp;#34;csstype&amp;#34;).Property.StrokeOpacity | undefined)[] | undefined;
strokeWidth?: (string | (string &amp;amp; {}))[] | import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | (import(&amp;#34;csstype&amp;#34;).Property.StrokeWidth&amp;lt;string | number&amp;gt; | undefined)[] | undefined;
textAnchor?: import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | (import(&amp;#34;csstype&amp;#34;).Property.TextAnchor | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.TextAnchor[] | undefined;
vectorEffect?: import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | (import(&amp;#34;csstype&amp;#34;).Property.VectorEffect | undefined)[] | import(&amp;#34;csstype&amp;#34;).Property.VectorEffect[] | undefined;
&amp;#34;:-moz-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-any()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::cue&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::cue-region&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::part&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::slotted&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:dir&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:has&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:host&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:host-context&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:is&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:lang&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:matches()&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:not&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:where&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-khtml-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-focusring&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-ui-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-moz-ui-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-ms-fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:-webkit-full-screen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-progress&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-range-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-moz-selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-browse&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-check&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-clear&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill-lower&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-fill-upper&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-reveal&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-ticks-after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-ticks-before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-tooltip&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-ms-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-input-placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-bar&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-inner-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-progress-value&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-slider-runnable-track&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::-webkit-slider-thumb&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::backdrop&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::grammar-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::marker&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::placeholder&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::selection&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::spelling-error&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;::target-text&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:active&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:after&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:any-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:before&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:blank&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:checked&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:current&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:default&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:defined&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:disabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:empty&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:enabled&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-letter&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-line&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:first-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus-visible&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:focus-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:fullscreen&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:future&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:hover&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:in-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:indeterminate&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:last-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:last-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:left&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:local-link&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:nth-last-col&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:only-child&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:only-of-type&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:optional&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:out-of-range&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:past&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:paused&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:picture-in-picture&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:placeholder-shown&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:read-only&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:read-write&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:required&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:right&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:root&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:scope&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:target&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:target-within&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:user-invalid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:user-valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:valid&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
&amp;#34;:visited&amp;#34;?: import(&amp;#34;@emotion/serialize&amp;#34;).CSSObject | undefined;
label?: string | undefined;
};
singleValue: () =&amp;gt; {};
valueContainer: () =&amp;gt; {};
};&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>RunnerPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/runnerplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/runnerplugin/</guid><content><![CDATA[&lt;h2 id=&#34;runnerplugin-function&#34;&gt;RunnerPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;runnerplugin-function-1&#34;&gt;RunnerPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function RunnerPlugin({ handler }: any): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { RunnerPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ handler }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="runnerplugin-function">RunnerPlugin() function&lt;/h2>
&lt;h3 id="runnerplugin-function-1">RunnerPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function RunnerPlugin({ handler }: any): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SCHEMA</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/schema/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/schema/</guid><content><![CDATA[&lt;h2 id=&#34;schema-variable&#34;&gt;SCHEMA variable&lt;/h2&gt;
&lt;h3 id=&#34;schema-variable-1&#34;&gt;SCHEMA variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SCHEMA: SchemaProperties&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SCHEMA } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="schema-variable">SCHEMA variable&lt;/h2>
&lt;h3 id="schema-variable-1">SCHEMA variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SCHEMA: SchemaProperties&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SCHEMA } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ScrollbarPosition</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/scrollbarposition/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/scrollbarposition/</guid><content><![CDATA[&lt;h2 id=&#34;scrollbarposition-type&#34;&gt;ScrollbarPosition type&lt;/h2&gt;
&lt;h3 id=&#34;scrollbarposition-type-1&#34;&gt;ScrollbarPosition type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type ScrollbarPosition = positionValues;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ScrollbarPosition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="scrollbarposition-type">ScrollbarPosition type&lt;/h2>
&lt;h3 id="scrollbarposition-type-1">ScrollbarPosition type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type ScrollbarPosition = positionValues;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ScrollbarPosition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Segment</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segment/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segment/</guid><content><![CDATA[&lt;h2 id=&#34;segment-function&#34;&gt;Segment() function&lt;/h2&gt;
&lt;h3 id=&#34;segment-function-1&#34;&gt;Segment() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function Segment&amp;lt;T&amp;gt;({ options, value, onChange, Component, className, allowCustomValue, allowEmptyValue, placeholder, disabled, inputMinWidth, inputPlaceholder, onExpandedChange, autofocus, ...rest }: React.PropsWithChildren&amp;lt;SegmentSyncProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Segment } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ options, value, onChange, Component, className, allowCustomValue, allowEmptyValue, placeholder, disabled, inputMinWidth, inputPlaceholder, onExpandedChange, autofocus, &amp;hellip;rest }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.PropsWithChildren&amp;lt;SegmentSyncProps&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="segment-function">Segment() function&lt;/h2>
&lt;h3 id="segment-function-1">Segment() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function Segment&amp;lt;T&amp;gt;({ options, value, onChange, Component, className, allowCustomValue, allowEmptyValue, placeholder, disabled, inputMinWidth, inputPlaceholder, onExpandedChange, autofocus, ...rest }: React.PropsWithChildren&amp;lt;SegmentSyncProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SegmentAsync</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segmentasync/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segmentasync/</guid><content><![CDATA[&lt;h2 id=&#34;segmentasync-function&#34;&gt;SegmentAsync() function&lt;/h2&gt;
&lt;h3 id=&#34;segmentasync-function-1&#34;&gt;SegmentAsync() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SegmentAsync&amp;lt;T&amp;gt;({ value, onChange, loadOptions, reloadOptionsOnChange, Component, className, allowCustomValue, allowEmptyValue, disabled, placeholder, inputMinWidth, inputPlaceholder, autofocus, onExpandedChange, noOptionMessageHandler, ...rest }: React.PropsWithChildren&amp;lt;SegmentAsyncProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SegmentAsync } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ value, onChange, loadOptions, reloadOptionsOnChange, Component, className, allowCustomValue, allowEmptyValue, disabled, placeholder, inputMinWidth, inputPlaceholder, autofocus, onExpandedChange, noOptionMessageHandler, &amp;hellip;rest }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.PropsWithChildren&amp;lt;SegmentAsyncProps&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="segmentasync-function">SegmentAsync() function&lt;/h2>
&lt;h3 id="segmentasync-function-1">SegmentAsync() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SegmentAsync&amp;lt;T&amp;gt;({ value, onChange, loadOptions, reloadOptionsOnChange, Component, className, allowCustomValue, allowEmptyValue, disabled, placeholder, inputMinWidth, inputPlaceholder, autofocus, onExpandedChange, noOptionMessageHandler, ...rest }: React.PropsWithChildren&amp;lt;SegmentAsyncProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SegmentInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segmentinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/segmentinput/</guid><content><![CDATA[&lt;h2 id=&#34;segmentinput-function&#34;&gt;SegmentInput() function&lt;/h2&gt;
&lt;h3 id=&#34;segmentinput-function-1&#34;&gt;SegmentInput() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SegmentInput&amp;lt;T&amp;gt;({ value: initialValue, onChange, Component, className, placeholder, inputPlaceholder, disabled, autofocus, onExpandedChange, ...rest }: React.PropsWithChildren&amp;lt;SegmentInputProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SegmentInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ value: initialValue, onChange, Component, className, placeholder, inputPlaceholder, disabled, autofocus, onExpandedChange, &amp;hellip;rest }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.PropsWithChildren&amp;lt;SegmentInputProps&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="segmentinput-function">SegmentInput() function&lt;/h2>
&lt;h3 id="segmentinput-function-1">SegmentInput() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SegmentInput&amp;lt;T&amp;gt;({ value: initialValue, onChange, Component, className, placeholder, inputPlaceholder, disabled, autofocus, onExpandedChange, ...rest }: React.PropsWithChildren&amp;lt;SegmentInputProps&amp;lt;T&amp;gt;&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Select</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/select/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/select/</guid><content><![CDATA[&lt;h2 id=&#34;select-function&#34;&gt;Select() function&lt;/h2&gt;
&lt;h3 id=&#34;select-function-1&#34;&gt;Select() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function Select&amp;lt;T&amp;gt;(props: SelectCommonProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Select } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;SelectCommonProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="select-function">Select() function&lt;/h2>
&lt;h3 id="select-function-1">Select() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function Select&amp;lt;T&amp;gt;(props: SelectCommonProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Select } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>SelectableOptGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectableoptgroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectableoptgroup/</guid><content><![CDATA[&lt;h2 id=&#34;selectableoptgroup-interface&#34;&gt;SelectableOptGroup interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SelectableOptGroup&amp;lt;T = any&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectableOptGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#options-property&#34;&gt;options&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;options-property&#34;&gt;options property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;options: Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectableoptgroup-interface">SelectableOptGroup interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SelectableOptGroup&amp;lt;T = any&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectableOptGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SelectAsyncProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectasyncprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectasyncprops/</guid><content><![CDATA[&lt;h2 id=&#34;selectasyncprops-interface&#34;&gt;SelectAsyncProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SelectAsyncProps&amp;lt;T&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectAsyncProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#cacheoptions-property&#34;&gt;cacheOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;If cacheOptions is true, then the loaded data will be cached. The cache will remain until cacheOptions changes value.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultoptions-property&#34;&gt;defaultOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;When specified as boolean the loadOptions will execute when component is mounted&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#loadingmessage-property&#34;&gt;loadingMessage&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Message to display when options are loading&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#loadoptions-property&#34;&gt;loadOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(query: string) =&amp;gt; Promise&amp;lt;Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Asynchronously load select options&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;cacheoptions-property&#34;&gt;cacheOptions property&lt;/h3&gt;
&lt;p&gt;If cacheOptions is true, then the loaded data will be cached. The cache will remain until cacheOptions changes value.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;cacheOptions?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;defaultoptions-property&#34;&gt;defaultOptions property&lt;/h3&gt;
&lt;p&gt;When specified as boolean the loadOptions will execute when component is mounted&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;defaultOptions?: boolean | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;loadingmessage-property&#34;&gt;loadingMessage property&lt;/h3&gt;
&lt;p&gt;Message to display when options are loading&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;loadingMessage?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;loadoptions-property&#34;&gt;loadOptions property&lt;/h3&gt;
&lt;p&gt;Asynchronously load select options&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;loadOptions?: (query: string) =&amp;gt; Promise&amp;lt;Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectasyncprops-interface">SelectAsyncProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SelectAsyncProps&amp;lt;T&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectAsyncProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SelectBaseProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectbaseprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectbaseprops/</guid><content><![CDATA[&lt;h2 id=&#34;selectbaseprops-interface&#34;&gt;SelectBaseProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SelectBaseProps&amp;lt;T&amp;gt; extends SelectCommonProps&amp;lt;T&amp;gt;, SelectAsyncProps&amp;lt;T&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectBaseProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#invalid-property&#34;&gt;invalid&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;invalid-property&#34;&gt;invalid property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;invalid?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectbaseprops-interface">SelectBaseProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SelectBaseProps&amp;lt;T&amp;gt; extends SelectCommonProps&amp;lt;T&amp;gt;, SelectAsyncProps&amp;lt;T&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectBaseProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SelectCommonProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcommonprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcommonprops/</guid><content><![CDATA[&lt;h2 id=&#34;selectcommonprops-interface&#34;&gt;SelectCommonProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SelectCommonProps&amp;lt;T&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectCommonProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#_aria-label_-property&#34;&gt;&amp;ldquo;aria-label&amp;rdquo;&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Aria label applied to the input field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#allowcreatewhileloading-property&#34;&gt;allowCreateWhileLoading&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#allowcustomvalue-property&#34;&gt;allowCustomValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#autofocus-property&#34;&gt;autoFocus&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Focus is set to the Select when rendered&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#backspaceremovesvalue-property&#34;&gt;backspaceRemovesValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#classname-property&#34;&gt;className&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#closemenuonselect-property&#34;&gt;closeMenuOnSelect&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#components-property&#34;&gt;components&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Used for custom components. For more information, see &lt;code&gt;react-select&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultvalue-property&#34;&gt;defaultValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disabled-property&#34;&gt;disabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#filteroption-property&#34;&gt;filterOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(option: SelectableValue&amp;lt;T&amp;gt;, searchQuery: string) =&amp;gt; boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#formatcreatelabel-property&#34;&gt;formatCreateLabel&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(input: string) =&amp;gt; string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Function for formatting the text that is displayed when creating a new value&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getoptionlabel-property&#34;&gt;getOptionLabel&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(item: SelectableValue&amp;lt;T&amp;gt;) =&amp;gt; React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getoptionvalue-property&#34;&gt;getOptionValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(item: SelectableValue&amp;lt;T&amp;gt;) =&amp;gt; string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#id-property&#34;&gt;id&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The id to set on the SelectContainer component. To set the id for a label (with htmlFor),&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#inputid-property&#34;&gt;inputId&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The id of the search input. Use this to set a matching label with htmlFor&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#inputvalue-property&#34;&gt;inputValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#invalid-property&#34;&gt;invalid&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isclearable-property&#34;&gt;isClearable&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isloading-property&#34;&gt;isLoading&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#ismulti-property&#34;&gt;isMulti&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isopen-property&#34;&gt;isOpen&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isoptiondisabled-property&#34;&gt;isOptionDisabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#issearchable-property&#34;&gt;isSearchable&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Disables the possibility to type into the input&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isvalidnewoption-property&#34;&gt;isValidNewOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(inputValue: string, value: SelectableValue&amp;lt;T&amp;gt; | null, options: OptionsOrGroups&amp;lt;unknown, GroupBase&amp;lt;unknown&amp;gt;&amp;gt;) =&amp;gt; boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;allowCustomValue must be enabled. Determines whether the &amp;ldquo;create new&amp;rdquo; option should be displayed based on the current input value, select value and options array.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#loadingmessage-property&#34;&gt;loadingMessage&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Message to display isLoading=true&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#maxmenuheight-property&#34;&gt;maxMenuHeight&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#maxvisiblevalues-property&#34;&gt;maxVisibleValues&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#menuplacement-property&#34;&gt;menuPlacement&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;lsquo;auto&amp;rsquo; | &amp;lsquo;bottom&amp;rsquo; | &amp;rsquo;top&amp;rsquo;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#menuposition-property&#34;&gt;menuPosition&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;&amp;lsquo;fixed&amp;rsquo; | &amp;lsquo;absolute&amp;rsquo;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#menushouldportal-property&#34;&gt;menuShouldPortal&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Setting to true will portal the menu to &lt;code&gt;document.body&lt;/code&gt;. This property will soon default to true and portalling will be the default behavior.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#minmenuheight-property&#34;&gt;minMenuHeight&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#nooptionsmessage-property&#34;&gt;noOptionsMessage&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;The message to display when no options could be found&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onblur-property&#34;&gt;onBlur&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: SelectableValue&amp;lt;T&amp;gt;, actionMeta: ActionMeta) =&amp;gt; {} | void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onclosemenu-property&#34;&gt;onCloseMenu&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#oncreateoption-property&#34;&gt;onCreateOption&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: string) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;allowCustomValue must be enabled. Function decides what to do with that custom value.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#oninputchange-property&#34;&gt;onInputChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: string, actionMeta: InputActionMeta) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onkeydown-property&#34;&gt;onKeyDown&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(event: React.KeyboardEvent) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onopenmenu-property&#34;&gt;onOpenMenu&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#openmenuonfocus-property&#34;&gt;openMenuOnFocus&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#options-property&#34;&gt;options&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#placeholder-property&#34;&gt;placeholder&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prefix-property&#34;&gt;prefix&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;JSX.Element | string | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;item to be rendered in front of the input&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendercontrol-property&#34;&gt;renderControl&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ControlComponent&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Use a custom element to control Select. A proper ref to the renderControl is needed if &amp;lsquo;portal&amp;rsquo; isn&amp;rsquo;t set to null&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#showallselectedwhenopen-property&#34;&gt;showAllSelectedWhenOpen&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#tabselectsvalue-property&#34;&gt;tabSelectsValue&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;SelectValue&amp;lt;T&amp;gt; | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#width-property&#34;&gt;width&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number | &amp;lsquo;auto&amp;rsquo;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Sets the width to a multiple of 8px. Should only be used with inline forms. Setting width of the container is preferred in other cases.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;aria-label-property&#34;&gt;&amp;ldquo;aria-label&amp;rdquo; property&lt;/h3&gt;
&lt;p&gt;Aria label applied to the input field&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;[&amp;#39;aria-label&amp;#39;]?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;allowcreatewhileloading-property&#34;&gt;allowCreateWhileLoading property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;allowCreateWhileLoading?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;allowcustomvalue-property&#34;&gt;allowCustomValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;allowCustomValue?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;autofocus-property&#34;&gt;autoFocus property&lt;/h3&gt;
&lt;p&gt;Focus is set to the Select when rendered&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;autoFocus?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;backspaceremovesvalue-property&#34;&gt;backspaceRemovesValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;backspaceRemovesValue?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;classname-property&#34;&gt;className property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;className?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;closemenuonselect-property&#34;&gt;closeMenuOnSelect property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;closeMenuOnSelect?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;components-property&#34;&gt;components property&lt;/h3&gt;
&lt;p&gt;Used for custom components. For more information, see &lt;code&gt;react-select&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;components?: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;defaultvalue-property&#34;&gt;defaultValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;defaultValue?: any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disabled-property&#34;&gt;disabled property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disabled?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;filteroption-property&#34;&gt;filterOption property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;filterOption?: (option: SelectableValue&amp;lt;T&amp;gt;, searchQuery: string) =&amp;gt; boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;formatcreatelabel-property&#34;&gt;formatCreateLabel property&lt;/h3&gt;
&lt;p&gt;Function for formatting the text that is displayed when creating a new value&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;formatCreateLabel?: (input: string) =&amp;gt; string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getoptionlabel-property&#34;&gt;getOptionLabel property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getOptionLabel?: (item: SelectableValue&amp;lt;T&amp;gt;) =&amp;gt; React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getoptionvalue-property&#34;&gt;getOptionValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getOptionValue?: (item: SelectableValue&amp;lt;T&amp;gt;) =&amp;gt; string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;id-property&#34;&gt;id property&lt;/h3&gt;
&lt;p&gt;The id to set on the SelectContainer component. To set the id for a label (with htmlFor),&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;id?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;inputid-property&#34;&gt;inputId property&lt;/h3&gt;
&lt;p&gt;The id of the search input. Use this to set a matching label with htmlFor&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;inputId?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;inputvalue-property&#34;&gt;inputValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;inputValue?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;invalid-property&#34;&gt;invalid property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;invalid?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isclearable-property&#34;&gt;isClearable property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isClearable?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isloading-property&#34;&gt;isLoading property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isLoading?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;ismulti-property&#34;&gt;isMulti property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isMulti?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isopen-property&#34;&gt;isOpen property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isOpen?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isoptiondisabled-property&#34;&gt;isOptionDisabled property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isOptionDisabled?: () =&amp;gt; boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;issearchable-property&#34;&gt;isSearchable property&lt;/h3&gt;
&lt;p&gt;Disables the possibility to type into the input&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isSearchable?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isvalidnewoption-property&#34;&gt;isValidNewOption property&lt;/h3&gt;
&lt;p&gt;allowCustomValue must be enabled. Determines whether the &amp;ldquo;create new&amp;rdquo; option should be displayed based on the current input value, select value and options array.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isValidNewOption?: (inputValue: string, value: SelectableValue&amp;lt;T&amp;gt; | null, options: OptionsOrGroups&amp;lt;unknown, GroupBase&amp;lt;unknown&amp;gt;&amp;gt;) =&amp;gt; boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;loadingmessage-property&#34;&gt;loadingMessage property&lt;/h3&gt;
&lt;p&gt;Message to display isLoading=true&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;loadingMessage?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;maxmenuheight-property&#34;&gt;maxMenuHeight property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;maxMenuHeight?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;maxvisiblevalues-property&#34;&gt;maxVisibleValues property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;maxVisibleValues?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;menuplacement-property&#34;&gt;menuPlacement property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;menuPlacement?: &amp;#39;auto&amp;#39; | &amp;#39;bottom&amp;#39; | &amp;#39;top&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;menuposition-property&#34;&gt;menuPosition property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;menuPosition?: &amp;#39;fixed&amp;#39; | &amp;#39;absolute&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;menushouldportal-property&#34;&gt;menuShouldPortal property&lt;/h3&gt;
&lt;p&gt;Setting to true will portal the menu to &lt;code&gt;document.body&lt;/code&gt;&lt;!-- --&gt;. This property will soon default to true and portalling will be the default behavior.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;menuShouldPortal?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;minmenuheight-property&#34;&gt;minMenuHeight property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;minMenuHeight?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;nooptionsmessage-property&#34;&gt;noOptionsMessage property&lt;/h3&gt;
&lt;p&gt;The message to display when no options could be found&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;noOptionsMessage?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onblur-property&#34;&gt;onBlur property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onBlur?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: SelectableValue&amp;lt;T&amp;gt;, actionMeta: ActionMeta) =&amp;gt; {} | void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onclosemenu-property&#34;&gt;onCloseMenu property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onCloseMenu?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;oncreateoption-property&#34;&gt;onCreateOption property&lt;/h3&gt;
&lt;p&gt;allowCustomValue must be enabled. Function decides what to do with that custom value.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onCreateOption?: (value: string) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;oninputchange-property&#34;&gt;onInputChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onInputChange?: (value: string, actionMeta: InputActionMeta) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onkeydown-property&#34;&gt;onKeyDown property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onKeyDown?: (event: React.KeyboardEvent) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onopenmenu-property&#34;&gt;onOpenMenu property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onOpenMenu?: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;openmenuonfocus-property&#34;&gt;openMenuOnFocus property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;openMenuOnFocus?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;options-property&#34;&gt;options property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;options?: Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;placeholder-property&#34;&gt;placeholder property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;placeholder?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prefix-property&#34;&gt;prefix property&lt;/h3&gt;
&lt;p&gt;item to be rendered in front of the input&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prefix?: JSX.Element | string | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rendercontrol-property&#34;&gt;renderControl property&lt;/h3&gt;
&lt;p&gt;Use a custom element to control Select. A proper ref to the renderControl is needed if &amp;lsquo;portal&amp;rsquo; isn&amp;rsquo;t set to null&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderControl?: ControlComponent&amp;lt;T&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;showallselectedwhenopen-property&#34;&gt;showAllSelectedWhenOpen property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;showAllSelectedWhenOpen?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;tabselectsvalue-property&#34;&gt;tabSelectsValue property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;tabSelectsValue?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: SelectValue&amp;lt;T&amp;gt; | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;width-property&#34;&gt;width property&lt;/h3&gt;
&lt;p&gt;Sets the width to a multiple of 8px. Should only be used with inline forms. Setting width of the container is preferred in other cases.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;width?: number | &amp;#39;auto&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectcommonprops-interface">SelectCommonProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SelectCommonProps&amp;lt;T&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectCommonProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SelectContainer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcontainer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcontainer/</guid><content><![CDATA[&lt;h2 id=&#34;selectcontainer-variable&#34;&gt;SelectContainer variable&lt;/h2&gt;
&lt;h3 id=&#34;selectcontainer-variable-1&#34;&gt;SelectContainer variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SelectContainer: &amp;lt;Option, isMulti extends boolean, Group extends GroupBase&amp;lt;Option&amp;gt;&amp;gt;(props: SelectContainerProps&amp;lt;Option, isMulti, Group&amp;gt;) =&amp;gt; JSX.Element&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectcontainer-variable">SelectContainer variable&lt;/h2>
&lt;h3 id="selectcontainer-variable-1">SelectContainer variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SelectContainer: &amp;lt;Option, isMulti extends boolean, Group extends GroupBase&amp;lt;Option&amp;gt;&amp;gt;(props: SelectContainerProps&amp;lt;Option, isMulti, Group&amp;gt;) =&amp;gt; JSX.Element&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SelectContainerProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcontainerprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectcontainerprops/</guid><content><![CDATA[&lt;h2 id=&#34;selectcontainerprops-interface&#34;&gt;SelectContainerProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SelectContainerProps&amp;lt;Option, isMulti extends boolean, Group extends GroupBase&amp;lt;Option&amp;gt;&amp;gt; extends BaseContainerProps&amp;lt;Option, isMulti, Group&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectContainerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isfocused-property&#34;&gt;isFocused&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;isfocused-property&#34;&gt;isFocused property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isFocused: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectcontainerprops-interface">SelectContainerProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SelectContainerProps&amp;lt;Option, isMulti extends boolean, Group extends GroupBase&amp;lt;Option&amp;gt;&amp;gt; extends BaseContainerProps&amp;lt;Option, isMulti, Group&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SelectionShortcutsPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectionshortcutsplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectionshortcutsplugin/</guid><content><![CDATA[&lt;h2 id=&#34;selectionshortcutsplugin-function&#34;&gt;SelectionShortcutsPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;selectionshortcutsplugin-function-1&#34;&gt;SelectionShortcutsPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SelectionShortcutsPlugin(): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectionShortcutsPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="selectionshortcutsplugin-function">SelectionShortcutsPlugin() function&lt;/h2>
&lt;h3 id="selectionshortcutsplugin-function-1">SelectionShortcutsPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SelectionShortcutsPlugin(): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectionShortcutsPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>selectOptionInTest</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectoptionintest/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectoptionintest/</guid><content><![CDATA[&lt;h2 id=&#34;selectoptionintest-variable&#34;&gt;selectOptionInTest variable&lt;/h2&gt;
&lt;h3 id=&#34;selectoptionintest-variable-1&#34;&gt;selectOptionInTest variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;selectOptionInTest: (input: HTMLElement, optionOrOptions: string | RegExp | Array&amp;lt;string | RegExp&amp;gt;) =&amp;gt; Promise&amp;lt;void&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { selectOptionInTest } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectoptionintest-variable">selectOptionInTest variable&lt;/h2>
&lt;h3 id="selectoptionintest-variable-1">selectOptionInTest variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">selectOptionInTest: (input: HTMLElement, optionOrOptions: string | RegExp | Array&amp;lt;string | RegExp&amp;gt;) =&amp;gt; Promise&amp;lt;void&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SelectOptions</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectoptions/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectoptions/</guid><content><![CDATA[&lt;h2 id=&#34;selectoptions-type&#34;&gt;SelectOptions type&lt;/h2&gt;
&lt;h3 id=&#34;selectoptions-type-1&#34;&gt;SelectOptions type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type SelectOptions&amp;lt;T = any&amp;gt; = SelectableValue&amp;lt;T&amp;gt; | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt; | SelectableOptGroup&amp;lt;T&amp;gt; | Array&amp;lt;SelectableOptGroup&amp;lt;T&amp;gt;&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectOptions } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectoptions-type">SelectOptions type&lt;/h2>
&lt;h3 id="selectoptions-type-1">SelectOptions type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type SelectOptions&amp;lt;T = any&amp;gt; = SelectableValue&amp;lt;T&amp;gt; | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt; | SelectableOptGroup&amp;lt;T&amp;gt; | Array&amp;lt;SelectableOptGroup&amp;lt;T&amp;gt;&amp;gt;&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SelectValue</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectvalue/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectvalue/</guid><content><![CDATA[&lt;h2 id=&#34;selectvalue-type&#34;&gt;SelectValue type&lt;/h2&gt;
&lt;h3 id=&#34;selectvalue-type-1&#34;&gt;SelectValue type&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare type SelectValue&amp;lt;T&amp;gt; = T | SelectableValue&amp;lt;T&amp;gt; | T[] | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectValue } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="selectvalue-type">SelectValue type&lt;/h2>
&lt;h3 id="selectvalue-type-1">SelectValue type&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare type SelectValue&amp;lt;T&amp;gt; = T | SelectableValue&amp;lt;T&amp;gt; | T[] | Array&amp;lt;SelectableValue&amp;lt;T&amp;gt;&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SelectValueEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectvalueeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/selectvalueeditor/</guid><content><![CDATA[&lt;h2 id=&#34;selectvalueeditor-class&#34;&gt;SelectValueEditor class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class SelectValueEditor&amp;lt;T&amp;gt; extends React.PureComponent&amp;lt;Props&amp;lt;T&amp;gt;, State&amp;lt;T&amp;gt;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SelectValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;State&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#updateoptions-property&#34;&gt;updateOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; Promise&amp;lt;void&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(oldProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;state: State&amp;lt;T&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;updateoptions-property&#34;&gt;updateOptions property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;updateOptions: () =&amp;gt; Promise&amp;lt;void&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(oldProps: Props&amp;lt;T&amp;gt;): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;oldProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="selectvalueeditor-class">SelectValueEditor class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class SelectValueEditor&amp;lt;T&amp;gt; extends React.PureComponent&amp;lt;Props&amp;lt;T&amp;gt;, State&amp;lt;T&amp;gt;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SelectValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SeriesColorPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpicker/</guid><content><![CDATA[&lt;h2 id=&#34;seriescolorpicker-variable&#34;&gt;SeriesColorPicker variable&lt;/h2&gt;
&lt;h3 id=&#34;seriescolorpicker-variable-1&#34;&gt;SeriesColorPicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesColorPicker: React.FunctionComponent&amp;lt;{
    color: string;
    onChange: ColorPickerChangeHandler;
    children?: ColorPickerTriggerRenderer | undefined;
    onColorChange?: ColorPickerChangeHandler | undefined;
    enableNamedColors?: boolean | undefined;
    updatePopperPosition?: (() =&amp;gt; void) | undefined;
    yaxis?: number | undefined;
    onToggleAxis?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesColorPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriescolorpicker-variable">SeriesColorPicker variable&lt;/h2>
&lt;h3 id="seriescolorpicker-variable-1">SeriesColorPicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesColorPicker: React.FunctionComponent&amp;lt;{
color: string;
onChange: ColorPickerChangeHandler;
children?: ColorPickerTriggerRenderer | undefined;
onColorChange?: ColorPickerChangeHandler | undefined;
enableNamedColors?: boolean | undefined;
updatePopperPosition?: (() =&amp;gt; void) | undefined;
yaxis?: number | undefined;
onToggleAxis?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SeriesColorPickerPopover</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpickerpopover/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpickerpopover/</guid><content><![CDATA[&lt;h2 id=&#34;seriescolorpickerpopover-variable&#34;&gt;SeriesColorPickerPopover variable&lt;/h2&gt;
&lt;h3 id=&#34;seriescolorpickerpopover-variable-1&#34;&gt;SeriesColorPickerPopover variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesColorPickerPopover: FunctionComponent&amp;lt;SeriesColorPickerPopoverProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesColorPickerPopover } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriescolorpickerpopover-variable">SeriesColorPickerPopover variable&lt;/h2>
&lt;h3 id="seriescolorpickerpopover-variable-1">SeriesColorPickerPopover variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesColorPickerPopover: FunctionComponent&amp;lt;SeriesColorPickerPopoverProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesColorPickerPopover } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>SeriesColorPickerPopoverWithTheme</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpickerpopoverwiththeme/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriescolorpickerpopoverwiththeme/</guid><content><![CDATA[&lt;h2 id=&#34;seriescolorpickerpopoverwiththeme-variable&#34;&gt;SeriesColorPickerPopoverWithTheme variable&lt;/h2&gt;
&lt;h3 id=&#34;seriescolorpickerpopoverwiththeme-variable-1&#34;&gt;SeriesColorPickerPopoverWithTheme variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesColorPickerPopoverWithTheme: React.FunctionComponent&amp;lt;{
    color: string;
    onChange: import(&amp;#34;./ColorPickerPopover&amp;#34;).ColorPickerChangeHandler;
    onColorChange?: import(&amp;#34;./ColorPickerPopover&amp;#34;).ColorPickerChangeHandler | undefined;
    enableNamedColors?: boolean | undefined;
    updatePopperPosition?: (() =&amp;gt; void) | undefined;
    yaxis?: number | undefined;
    onToggleAxis?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesColorPickerPopoverWithTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriescolorpickerpopoverwiththeme-variable">SeriesColorPickerPopoverWithTheme variable&lt;/h2>
&lt;h3 id="seriescolorpickerpopoverwiththeme-variable-1">SeriesColorPickerPopoverWithTheme variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesColorPickerPopoverWithTheme: React.FunctionComponent&amp;lt;{
color: string;
onChange: import(&amp;#34;./ColorPickerPopover&amp;#34;).ColorPickerChangeHandler;
onColorChange?: import(&amp;#34;./ColorPickerPopover&amp;#34;).ColorPickerChangeHandler | undefined;
enableNamedColors?: boolean | undefined;
updatePopperPosition?: (() =&amp;gt; void) | undefined;
yaxis?: number | undefined;
onToggleAxis?: (() =&amp;gt; void) | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SeriesIcon</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriesicon/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriesicon/</guid><content><![CDATA[&lt;h2 id=&#34;seriesicon-variable&#34;&gt;SeriesIcon variable&lt;/h2&gt;
&lt;h3 id=&#34;seriesicon-variable-1&#34;&gt;SeriesIcon variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesIcon: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesIcon } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriesicon-variable">SeriesIcon variable&lt;/h2>
&lt;h3 id="seriesicon-variable-1">SeriesIcon variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesIcon: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesIcon } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>SeriesTable</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestable/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestable/</guid><content><![CDATA[&lt;h2 id=&#34;seriestable-variable&#34;&gt;SeriesTable variable&lt;/h2&gt;
&lt;h3 id=&#34;seriestable-variable-1&#34;&gt;SeriesTable variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesTable: React.FC&amp;lt;SeriesTableProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesTable } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriestable-variable">SeriesTable variable&lt;/h2>
&lt;h3 id="seriestable-variable-1">SeriesTable variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesTable: React.FC&amp;lt;SeriesTableProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesTable } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>SeriesTableProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestableprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestableprops/</guid><content><![CDATA[&lt;h2 id=&#34;seriestableprops-interface&#34;&gt;SeriesTableProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SeriesTableProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesTableProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#series-property&#34;&gt;series&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;SeriesTableRowProps[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#timestamp-property&#34;&gt;timestamp&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string | GraphSeriesValue&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;series-property&#34;&gt;series property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;series: SeriesTableRowProps[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;timestamp-property&#34;&gt;timestamp property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;timestamp?: string | GraphSeriesValue;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriestableprops-interface">SeriesTableProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SeriesTableProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesTableProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SeriesTableRow</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestablerow/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestablerow/</guid><content><![CDATA[&lt;h2 id=&#34;seriestablerow-variable&#34;&gt;SeriesTableRow variable&lt;/h2&gt;
&lt;h3 id=&#34;seriestablerow-variable-1&#34;&gt;SeriesTableRow variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SeriesTableRow: React.FC&amp;lt;SeriesTableRowProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesTableRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriestablerow-variable">SeriesTableRow variable&lt;/h2>
&lt;h3 id="seriestablerow-variable-1">SeriesTableRow variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SeriesTableRow: React.FC&amp;lt;SeriesTableRowProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesTableRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>SeriesTableRowProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestablerowprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriestablerowprops/</guid><content><![CDATA[&lt;h2 id=&#34;seriestablerowprops-interface&#34;&gt;SeriesTableRowProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SeriesTableRowProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesTableRowProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#color-property&#34;&gt;color&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#isactive-property&#34;&gt;isActive&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string | GraphSeriesValue&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;color-property&#34;&gt;color property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;color?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;isactive-property&#34;&gt;isActive property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isActive?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label?: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: string | GraphSeriesValue;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="seriestablerowprops-interface">SeriesTableRowProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SeriesTableRowProps &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesTableRowProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SeriesVisibilityChangeBehavior</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriesvisibilitychangebehavior/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/seriesvisibilitychangebehavior/</guid><content><![CDATA[&lt;h2 id=&#34;seriesvisibilitychangebehavior-enum&#34;&gt;SeriesVisibilityChangeBehavior enum&lt;/h2&gt;
&lt;h3 id=&#34;seriesvisibilitychangebehavior-enum-1&#34;&gt;SeriesVisibilityChangeBehavior enum&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare enum SeriesVisibilityChangeBehavior &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SeriesVisibilityChangeBehavior } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;enumeration-members&#34;&gt;Enumeration Members&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Member&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Hide&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;1&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Isolate&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;0&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="seriesvisibilitychangebehavior-enum">SeriesVisibilityChangeBehavior enum&lt;/h2>
&lt;h3 id="seriesvisibilitychangebehavior-enum-1">SeriesVisibilityChangeBehavior enum&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare enum SeriesVisibilityChangeBehavior &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SeriesVisibilityChangeBehavior } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="enumeration-members">Enumeration Members&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Member&lt;/th>
&lt;th>Value&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Hide&lt;/td>
&lt;td>&lt;code>1&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Isolate&lt;/td>
&lt;td>&lt;code>0&lt;/code>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>SetInterval</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/setinterval/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/setinterval/</guid><content><![CDATA[&lt;h2 id=&#34;setinterval-class&#34;&gt;SetInterval class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class SetInterval extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SetInterval } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;SetInterval&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentwillunmount-method&#34;&gt;componentWillUnmount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;SetInterval&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: Props);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: Props): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentwillunmount-method&#34;&gt;componentWillUnmount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentWillUnmount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;null&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="setinterval-class">SetInterval class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class SetInterval extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SetInterval } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>sharedInputStyle</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedinputstyle/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedinputstyle/</guid><content><![CDATA[&lt;h2 id=&#34;sharedinputstyle-variable&#34;&gt;sharedInputStyle variable&lt;/h2&gt;
&lt;h3 id=&#34;sharedinputstyle-variable-1&#34;&gt;sharedInputStyle variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;sharedInputStyle: (theme: GrafanaTheme2, invalid?: boolean) =&amp;gt; string&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { sharedInputStyle } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="sharedinputstyle-variable">sharedInputStyle variable&lt;/h2>
&lt;h3 id="sharedinputstyle-variable-1">sharedInputStyle variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">sharedInputStyle: (theme: GrafanaTheme2, invalid?: boolean) =&amp;gt; string&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { sharedInputStyle } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>sharedSingleStatMigrationHandler</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedsinglestatmigrationhandler/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedsinglestatmigrationhandler/</guid><content><![CDATA[&lt;h2 id=&#34;sharedsinglestatmigrationhandler-function&#34;&gt;sharedSingleStatMigrationHandler() function&lt;/h2&gt;
&lt;h3 id=&#34;sharedsinglestatmigrationhandler-function-1&#34;&gt;sharedSingleStatMigrationHandler() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function sharedSingleStatMigrationHandler(panel: PanelModel&amp;lt;SingleStatBaseOptions&amp;gt;): SingleStatBaseOptions;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { sharedSingleStatMigrationHandler } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;panel&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PanelModel&amp;lt;SingleStatBaseOptions&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;SingleStatBaseOptions&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="sharedsinglestatmigrationhandler-function">sharedSingleStatMigrationHandler() function&lt;/h2>
&lt;h3 id="sharedsinglestatmigrationhandler-function-1">sharedSingleStatMigrationHandler() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function sharedSingleStatMigrationHandler(panel: PanelModel&amp;lt;SingleStatBaseOptions&amp;gt;): SingleStatBaseOptions;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { sharedSingleStatMigrationHandler } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>sharedSingleStatPanelChangedHandler</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedsinglestatpanelchangedhandler/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sharedsinglestatpanelchangedhandler/</guid><content><![CDATA[&lt;h2 id=&#34;sharedsinglestatpanelchangedhandler-function&#34;&gt;sharedSingleStatPanelChangedHandler() function&lt;/h2&gt;
&lt;h3 id=&#34;sharedsinglestatpanelchangedhandler-function-1&#34;&gt;sharedSingleStatPanelChangedHandler() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function sharedSingleStatPanelChangedHandler(panel: PanelModel&amp;lt;Partial&amp;lt;SingleStatBaseOptions&amp;gt;&amp;gt; | any, prevPluginId: string, prevOptions: any): any;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { sharedSingleStatPanelChangedHandler } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;panel&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PanelModel&amp;lt;Partial&amp;lt;SingleStatBaseOptions&amp;gt;&amp;gt; | any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;prevPluginId&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;prevOptions&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;any&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;any&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="sharedsinglestatpanelchangedhandler-function">sharedSingleStatPanelChangedHandler() function&lt;/h2>
&lt;h3 id="sharedsinglestatpanelchangedhandler-function-1">sharedSingleStatPanelChangedHandler() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function sharedSingleStatPanelChangedHandler(panel: PanelModel&amp;lt;Partial&amp;lt;SingleStatBaseOptions&amp;gt;&amp;gt; | any, prevPluginId: string, prevOptions: any): any;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SingleStatBaseOptions</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/singlestatbaseoptions/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/singlestatbaseoptions/</guid><content><![CDATA[&lt;h2 id=&#34;singlestatbaseoptions-interface&#34;&gt;SingleStatBaseOptions interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SingleStatBaseOptions extends OptionsWithTextFormatting &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SingleStatBaseOptions } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#orientation-property&#34;&gt;orientation&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;VizOrientation&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#reduceoptions-property&#34;&gt;reduceOptions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ReduceDataOptions&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;orientation-property&#34;&gt;orientation property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;orientation: VizOrientation;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;reduceoptions-property&#34;&gt;reduceOptions property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;reduceOptions: ReduceDataOptions;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="singlestatbaseoptions-interface">SingleStatBaseOptions interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SingleStatBaseOptions extends OptionsWithTextFormatting &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SingleStatBaseOptions } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>SlatePrism</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slateprism/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slateprism/</guid><content><![CDATA[&lt;h2 id=&#34;slateprism-function&#34;&gt;SlatePrism() function&lt;/h2&gt;
&lt;h3 id=&#34;slateprism-function-1&#34;&gt;SlatePrism() function&lt;/h3&gt;
&lt;p&gt;A Slate plugin to highlight code syntax.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SlatePrism(optsParam?: OptionsFormat, prismLanguages?: Prism.LanguageMap): Plugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SlatePrism } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;optsParam&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;OptionsFormat&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;prismLanguages&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Prism.LanguageMap&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Plugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="slateprism-function">SlatePrism() function&lt;/h2>
&lt;h3 id="slateprism-function-1">SlatePrism() function&lt;/h3>
&lt;p>A Slate plugin to highlight code syntax.&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SlatePrism(optsParam?: OptionsFormat, prismLanguages?: Prism.LanguageMap): Plugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SlideOutTransition</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slideouttransition/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slideouttransition/</guid><content><![CDATA[&lt;h2 id=&#34;slideouttransition-function&#34;&gt;SlideOutTransition() function&lt;/h2&gt;
&lt;h3 id=&#34;slideouttransition-function-1&#34;&gt;SlideOutTransition() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SlideOutTransition(props: Props): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SlideOutTransition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="slideouttransition-function">SlideOutTransition() function&lt;/h2>
&lt;h3 id="slideouttransition-function-1">SlideOutTransition() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SlideOutTransition(props: Props): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SlideOutTransition } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>Slider</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slider/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slider/</guid><content><![CDATA[&lt;h2 id=&#34;slider-variable&#34;&gt;Slider variable&lt;/h2&gt;
&lt;h3 id=&#34;slider-variable-1&#34;&gt;Slider variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Slider: FunctionComponent&amp;lt;SliderProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Slider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="slider-variable">Slider variable&lt;/h2>
&lt;h3 id="slider-variable-1">Slider variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Slider: FunctionComponent&amp;lt;SliderProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Slider } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>SliderValueEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slidervalueeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/slidervalueeditor/</guid><content><![CDATA[&lt;h2 id=&#34;slidervalueeditor-variable&#34;&gt;SliderValueEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;slidervalueeditor-variable-1&#34;&gt;SliderValueEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;SliderValueEditor: React.FC&amp;lt;FieldConfigEditorProps&amp;lt;number, SliderFieldConfigSettings&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SliderValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="slidervalueeditor-variable">SliderValueEditor variable&lt;/h2>
&lt;h3 id="slidervalueeditor-variable-1">SliderValueEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">SliderValueEditor: React.FC&amp;lt;FieldConfigEditorProps&amp;lt;number, SliderFieldConfigSettings&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SliderValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>sortedColors</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sortedcolors/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/sortedcolors/</guid><content><![CDATA[&lt;h2 id=&#34;sortedcolors-variable&#34;&gt;sortedColors variable&lt;/h2&gt;
&lt;h3 id=&#34;sortedcolors-variable-1&#34;&gt;sortedColors variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;sortedColors: string[]&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { sortedColors } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="sortedcolors-variable">sortedColors variable&lt;/h2>
&lt;h3 id="sortedcolors-variable-1">sortedColors variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">sortedColors: string[]&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { sortedColors } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Spinner</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/spinner/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/spinner/</guid><content><![CDATA[&lt;h2 id=&#34;spinner-variable&#34;&gt;Spinner variable&lt;/h2&gt;
&lt;h3 id=&#34;spinner-variable-1&#34;&gt;Spinner variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Spinner: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Spinner } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="spinner-variable">Spinner variable&lt;/h2>
&lt;h3 id="spinner-variable-1">Spinner variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Spinner: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Spinner } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>StackingEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/stackingeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/commonoptionsbuilder/stackingeditor/</guid><content><![CDATA[&lt;h2 id=&#34;commonoptionsbuilderstackingeditor-variable&#34;&gt;commonOptionsBuilder.StackingEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;commonoptionsbuilderstackingeditor-variable-1&#34;&gt;commonOptionsBuilder.StackingEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;StackingEditor: React.FC&amp;lt;FieldOverrideEditorProps&amp;lt;StackingConfig, any&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;
const { StackingEditor } = commonOptionsBuilder;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="commonoptionsbuilderstackingeditor-variable">commonOptionsBuilder.StackingEditor variable&lt;/h2>
&lt;h3 id="commonoptionsbuilderstackingeditor-variable-1">commonOptionsBuilder.StackingEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">StackingEditor: React.FC&amp;lt;FieldOverrideEditorProps&amp;lt;StackingConfig, any&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { commonOptionsBuilder } from &amp;#39;@grafana/ui&amp;#39;;
const { StackingEditor } = commonOptionsBuilder;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>StatsPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/statspicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/statspicker/</guid><content><![CDATA[&lt;h2 id=&#34;statspicker-class&#34;&gt;StatsPicker class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class StatsPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { StatsPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#checkinput-property&#34;&gt;checkInput&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Partial&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onselectionchange-property&#34;&gt;onSelectionChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(item: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidmount-method&#34;&gt;componentDidMount()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;checkinput-property&#34;&gt;checkInput property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;checkInput: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: Partial&amp;lt;Props&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onselectionchange-property&#34;&gt;onSelectionChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onSelectionChange: (item: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidmount-method&#34;&gt;componentDidMount method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidMount(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: Props): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="statspicker-class">StatsPicker class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class StatsPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { StatsPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>StringArrayEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stringarrayeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stringarrayeditor/</guid><content><![CDATA[&lt;h2 id=&#34;stringarrayeditor-class&#34;&gt;StringArrayEditor class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class StringArrayEditor extends React.PureComponent&amp;lt;Props, State&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { StringArrayEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onremovestring-property&#34;&gt;onRemoveString&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(index: number) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onvaluechange-property&#34;&gt;onValueChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(e: React.SyntheticEvent, idx: number) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#state-property&#34;&gt;state&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        showAdd: boolean;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;onremovestring-property&#34;&gt;onRemoveString property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onRemoveString: (index: number) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onvaluechange-property&#34;&gt;onValueChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onValueChange: (e: React.SyntheticEvent, idx: number) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;state-property&#34;&gt;state property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;state: {
        showAdd: boolean;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stringarrayeditor-class">StringArrayEditor class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class StringArrayEditor extends React.PureComponent&amp;lt;Props, State&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { StringArrayEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>StringValueEditor</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stringvalueeditor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stringvalueeditor/</guid><content><![CDATA[&lt;h2 id=&#34;stringvalueeditor-variable&#34;&gt;StringValueEditor variable&lt;/h2&gt;
&lt;h3 id=&#34;stringvalueeditor-variable-1&#34;&gt;StringValueEditor variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;StringValueEditor: React.FC&amp;lt;StandardEditorProps&amp;lt;string, StringFieldConfigSettings&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { StringValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="stringvalueeditor-variable">StringValueEditor variable&lt;/h2>
&lt;h3 id="stringvalueeditor-variable-1">StringValueEditor variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">StringValueEditor: React.FC&amp;lt;StandardEditorProps&amp;lt;string, StringFieldConfigSettings&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { StringValueEditor } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>styleMixins</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylemixins/</guid><content><![CDATA[&lt;h2 id=&#34;stylemixins-namespace&#34;&gt;styleMixins namespace&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;stylemixins-namespace-1&#34;&gt;styleMixins namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { styleMixins } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;functions&#34;&gt;Functions&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Function&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./cardchrome/&#34;&gt;cardChrome(theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./getfocusstyles/&#34;&gt;getFocusStyles(theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./getmousefocusstyles/&#34;&gt;getMouseFocusStyles(theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./hovercolor/&#34;&gt;hoverColor(color, theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./listitem/&#34;&gt;listItem(theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./listitemselected/&#34;&gt;listItemSelected(theme)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./mediaup/&#34;&gt;mediaUp(breakpoint)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;variables&#34;&gt;Variables&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Variable&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./focuscss/&#34;&gt;focusCss&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./gettooltipcontainerstyles/&#34;&gt;getTooltipContainerStyles&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="stylemixins-namespace">styleMixins namespace&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>stylesFactory</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylesfactory/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/stylesfactory/</guid><content><![CDATA[&lt;h2 id=&#34;stylesfactory-function&#34;&gt;stylesFactory() function&lt;/h2&gt;
&lt;h3 id=&#34;stylesfactory-function-1&#34;&gt;stylesFactory() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function stylesFactory&amp;lt;ResultFn extends (this: any, ...newArgs: any[]) =&amp;gt; ReturnType&amp;lt;ResultFn&amp;gt;&amp;gt;(stylesCreator: ResultFn): import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;ResultFn&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { stylesFactory } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;stylesCreator&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ResultFn&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;function accepting dependencies based on which styles are created&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;import(&amp;quot;memoize-one&amp;quot;).MemoizedFn&amp;lt;ResultFn&amp;gt;&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="stylesfactory-function">stylesFactory() function&lt;/h2>
&lt;h3 id="stylesfactory-function-1">stylesFactory() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function stylesFactory&amp;lt;ResultFn extends (this: any, ...newArgs: any[]) =&amp;gt; ReturnType&amp;lt;ResultFn&amp;gt;&amp;gt;(stylesCreator: ResultFn): import(&amp;#34;memoize-one&amp;#34;).MemoizedFn&amp;lt;ResultFn&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SuggestionsPlugin</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/suggestionsplugin/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/suggestionsplugin/</guid><content><![CDATA[&lt;h2 id=&#34;suggestionsplugin-function&#34;&gt;SuggestionsPlugin() function&lt;/h2&gt;
&lt;h3 id=&#34;suggestionsplugin-function-1&#34;&gt;SuggestionsPlugin() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function SuggestionsPlugin({ onTypeahead, cleanText, onWillApplySuggestion, portalOrigin, }: {
    onTypeahead?: (typeahead: TypeaheadInput) =&amp;gt; Promise&amp;lt;TypeaheadOutput&amp;gt;;
    cleanText?: (text: string) =&amp;gt; string;
    onWillApplySuggestion?: (suggestion: string, state: SuggestionsState) =&amp;gt; string;
    portalOrigin: string;
}): SlatePlugin;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SuggestionsPlugin } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ onTypeahead, cleanText, onWillApplySuggestion, portalOrigin, }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    onTypeahead?: (typeahead: TypeaheadInput) =&amp;gt; Promise&amp;lt;TypeaheadOutput&amp;gt;;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    cleanText?: (text: string) =&amp;gt; string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    onWillApplySuggestion?: (suggestion: string, state: SuggestionsState) =&amp;gt; string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    portalOrigin: string;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;SlatePlugin&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="suggestionsplugin-function">SuggestionsPlugin() function&lt;/h2>
&lt;h3 id="suggestionsplugin-function-1">SuggestionsPlugin() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function SuggestionsPlugin({ onTypeahead, cleanText, onWillApplySuggestion, portalOrigin, }: {
onTypeahead?: (typeahead: TypeaheadInput) =&amp;gt; Promise&amp;lt;TypeaheadOutput&amp;gt;;
cleanText?: (text: string) =&amp;gt; string;
onWillApplySuggestion?: (suggestion: string, state: SuggestionsState) =&amp;gt; string;
portalOrigin: string;
}): SlatePlugin;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>SuggestionsState</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/suggestionsstate/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/suggestionsstate/</guid><content><![CDATA[&lt;h2 id=&#34;suggestionsstate-interface&#34;&gt;SuggestionsState interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface SuggestionsState &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { SuggestionsState } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#groupeditems-property&#34;&gt;groupedItems&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CompletionItemGroup[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#typeaheadcontext-property&#34;&gt;typeaheadContext&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#typeaheadprefix-property&#34;&gt;typeaheadPrefix&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#typeaheadtext-property&#34;&gt;typeaheadText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;groupeditems-property&#34;&gt;groupedItems property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;groupedItems: CompletionItemGroup[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;typeaheadcontext-property&#34;&gt;typeaheadContext property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;typeaheadContext: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;typeaheadprefix-property&#34;&gt;typeaheadPrefix property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;typeaheadPrefix: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;typeaheadtext-property&#34;&gt;typeaheadText property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;typeaheadText: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="suggestionsstate-interface">SuggestionsState interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface SuggestionsState &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { SuggestionsState } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Switch</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/switch/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/switch/</guid><content><![CDATA[&lt;h2 id=&#34;switch-variable&#34;&gt;Switch variable&lt;/h2&gt;
&lt;h3 id=&#34;switch-variable-1&#34;&gt;Switch variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Switch: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;transparent&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Switch } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="switch-variable">Switch variable&lt;/h2>
&lt;h3 id="switch-variable-1">Switch variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Switch: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;transparent&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLInputElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Tab</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tab/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tab/</guid><content><![CDATA[&lt;h2 id=&#34;tab-variable&#34;&gt;Tab variable&lt;/h2&gt;
&lt;h3 id=&#34;tab-variable-1&#34;&gt;Tab variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Tab: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;TabProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;suffix&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;icon&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;active&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;onChangeTab&amp;#34; | &amp;#34;counter&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLAnchorElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Tab } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tab-variable">Tab variable&lt;/h2>
&lt;h3 id="tab-variable-1">Tab variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Tab: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;TabProps, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;suffix&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;icon&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;size&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;active&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34; | &amp;#34;onChangeTab&amp;#34; | &amp;#34;counter&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLAnchorElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>TabbedContainer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabbedcontainer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabbedcontainer/</guid><content><![CDATA[&lt;h2 id=&#34;tabbedcontainer-function&#34;&gt;TabbedContainer() function&lt;/h2&gt;
&lt;h3 id=&#34;tabbedcontainer-function-1&#34;&gt;TabbedContainer() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function TabbedContainer(props: TabbedContainerProps): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TabbedContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TabbedContainerProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="tabbedcontainer-function">TabbedContainer() function&lt;/h2>
&lt;h3 id="tabbedcontainer-function-1">TabbedContainer() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function TabbedContainer(props: TabbedContainerProps): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TabbedContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Parameters&lt;/b>&lt;/p></description></item><item><title>TabConfig</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabconfig/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabconfig/</guid><content><![CDATA[&lt;h2 id=&#34;tabconfig-interface&#34;&gt;TabConfig interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface TabConfig &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TabConfig } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#content-property&#34;&gt;content&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#icon-property&#34;&gt;icon&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;IconName&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;content-property&#34;&gt;content property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;content: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;icon-property&#34;&gt;icon property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;icon: IconName;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tabconfig-interface">TabConfig interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface TabConfig &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TabConfig } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>TabContent</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabcontent/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabcontent/</guid><content><![CDATA[&lt;h2 id=&#34;tabcontent-variable&#34;&gt;TabContent variable&lt;/h2&gt;
&lt;h3 id=&#34;tabcontent-variable-1&#34;&gt;TabContent variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TabContent: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TabContent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tabcontent-variable">TabContent variable&lt;/h2>
&lt;h3 id="tabcontent-variable-1">TabContent variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TabContent: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TabContent } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Table</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/table/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/table/</guid><content><![CDATA[&lt;h2 id=&#34;table-variable&#34;&gt;Table variable&lt;/h2&gt;
&lt;h3 id=&#34;table-variable-1&#34;&gt;Table variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Table: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Table } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="table-variable">Table variable&lt;/h2>
&lt;h3 id="table-variable-1">Table variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Table: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Table } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TableInputCSV</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tableinputcsv/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tableinputcsv/</guid><content><![CDATA[&lt;h2 id=&#34;tableinputcsv-variable&#34;&gt;TableInputCSV variable&lt;/h2&gt;
&lt;h3 id=&#34;tableinputcsv-variable-1&#34;&gt;TableInputCSV variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TableInputCSV: React.FunctionComponent&amp;lt;{
    text: string;
    config?: CSVConfig | undefined;
    height: string | number;
    width: string | number;
    onSeriesParsed: (data: DataFrame[], text: string) =&amp;gt; void;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TableInputCSV } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tableinputcsv-variable">TableInputCSV variable&lt;/h2>
&lt;h3 id="tableinputcsv-variable-1">TableInputCSV variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TableInputCSV: React.FunctionComponent&amp;lt;{
text: string;
config?: CSVConfig | undefined;
height: string | number;
width: string | number;
onSeriesParsed: (data: DataFrame[], text: string) =&amp;gt; void;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>TableSortByFieldState</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tablesortbyfieldstate/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tablesortbyfieldstate/</guid><content><![CDATA[&lt;h2 id=&#34;tablesortbyfieldstate-interface&#34;&gt;TableSortByFieldState interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface TableSortByFieldState &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TableSortByFieldState } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#desc-property&#34;&gt;desc&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#displayname-property&#34;&gt;displayName&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;desc-property&#34;&gt;desc property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;desc?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;displayname-property&#34;&gt;displayName property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;displayName: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tablesortbyfieldstate-interface">TableSortByFieldState interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface TableSortByFieldState &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TableSortByFieldState } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>TabsBar</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabsbar/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tabsbar/</guid><content><![CDATA[&lt;h2 id=&#34;tabsbar-variable&#34;&gt;TabsBar variable&lt;/h2&gt;
&lt;h3 id=&#34;tabsbar-variable-1&#34;&gt;TabsBar variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TabsBar: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TabsBar } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tabsbar-variable">TabsBar variable&lt;/h2>
&lt;h3 id="tabsbar-variable-1">TabsBar variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TabsBar: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TabsBar } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Tag</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tag/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tag/</guid><content><![CDATA[&lt;h2 id=&#34;tag-variable&#34;&gt;Tag variable&lt;/h2&gt;
&lt;h3 id=&#34;tag-variable-1&#34;&gt;Tag variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Tag: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Tag } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tag-variable">Tag variable&lt;/h2>
&lt;h3 id="tag-variable-1">Tag variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Tag: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Tag } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TagList</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/taglist/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/taglist/</guid><content><![CDATA[&lt;h2 id=&#34;taglist-variable&#34;&gt;TagList variable&lt;/h2&gt;
&lt;h3 id=&#34;taglist-variable-1&#34;&gt;TagList variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TagList: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLUListElement&amp;gt;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TagList } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="taglist-variable">TagList variable&lt;/h2>
&lt;h3 id="taglist-variable-1">TagList variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TagList: React.MemoExoticComponent&amp;lt;React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLUListElement&amp;gt;&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TagList } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TagsInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tagsinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tagsinput/</guid><content><![CDATA[&lt;h2 id=&#34;tagsinput-variable&#34;&gt;TagsInput variable&lt;/h2&gt;
&lt;h3 id=&#34;tagsinput-variable-1&#34;&gt;TagsInput variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TagsInput: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TagsInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tagsinput-variable">TagsInput variable&lt;/h2>
&lt;h3 id="tagsinput-variable-1">TagsInput variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TagsInput: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TagsInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TextArea</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/textarea/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/textarea/</guid><content><![CDATA[&lt;h2 id=&#34;textarea-variable&#34;&gt;TextArea variable&lt;/h2&gt;
&lt;h3 id=&#34;textarea-variable-1&#34;&gt;TextArea variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TextArea: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;invalid&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLTextAreaElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TextArea } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="textarea-variable">TextArea variable&lt;/h2>
&lt;h3 id="textarea-variable-1">TextArea variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TextArea: React.ForwardRefExoticComponent&amp;lt;Pick&amp;lt;Props, &amp;#34;name&amp;#34; | &amp;#34;min&amp;#34; | &amp;#34;value&amp;#34; | &amp;#34;prefix&amp;#34; | &amp;#34;type&amp;#34; | &amp;#34;target&amp;#34; | &amp;#34;id&amp;#34; | &amp;#34;title&amp;#34; | &amp;#34;color&amp;#34; | &amp;#34;onChange&amp;#34; | &amp;#34;onBlur&amp;#34; | &amp;#34;data&amp;#34; | &amp;#34;readOnly&amp;#34; | &amp;#34;action&amp;#34; | &amp;#34;disabled&amp;#34; | &amp;#34;selected&amp;#34; | &amp;#34;shape&amp;#34; | &amp;#34;max&amp;#34; | &amp;#34;step&amp;#34; | &amp;#34;key&amp;#34; | &amp;#34;rows&amp;#34; | &amp;#34;pattern&amp;#34; | &amp;#34;style&amp;#34; | &amp;#34;label&amp;#34; | &amp;#34;children&amp;#34; | &amp;#34;cite&amp;#34; | &amp;#34;form&amp;#34; | &amp;#34;slot&amp;#34; | &amp;#34;span&amp;#34; | &amp;#34;summary&amp;#34; | &amp;#34;default&amp;#34; | &amp;#34;capture&amp;#34; | &amp;#34;className&amp;#34; | &amp;#34;defaultChecked&amp;#34; | &amp;#34;defaultValue&amp;#34; | &amp;#34;suppressContentEditableWarning&amp;#34; | &amp;#34;suppressHydrationWarning&amp;#34; | &amp;#34;accessKey&amp;#34; | &amp;#34;contentEditable&amp;#34; | &amp;#34;contextMenu&amp;#34; | &amp;#34;dir&amp;#34; | &amp;#34;draggable&amp;#34; | &amp;#34;hidden&amp;#34; | &amp;#34;lang&amp;#34; | &amp;#34;placeholder&amp;#34; | &amp;#34;spellCheck&amp;#34; | &amp;#34;tabIndex&amp;#34; | &amp;#34;translate&amp;#34; | &amp;#34;radioGroup&amp;#34; | &amp;#34;role&amp;#34; | &amp;#34;about&amp;#34; | &amp;#34;datatype&amp;#34; | &amp;#34;inlist&amp;#34; | &amp;#34;property&amp;#34; | &amp;#34;resource&amp;#34; | &amp;#34;typeof&amp;#34; | &amp;#34;vocab&amp;#34; | &amp;#34;autoCapitalize&amp;#34; | &amp;#34;autoCorrect&amp;#34; | &amp;#34;autoSave&amp;#34; | &amp;#34;itemProp&amp;#34; | &amp;#34;itemScope&amp;#34; | &amp;#34;itemType&amp;#34; | &amp;#34;itemID&amp;#34; | &amp;#34;itemRef&amp;#34; | &amp;#34;results&amp;#34; | &amp;#34;security&amp;#34; | &amp;#34;unselectable&amp;#34; | &amp;#34;inputMode&amp;#34; | &amp;#34;is&amp;#34; | &amp;#34;aria-activedescendant&amp;#34; | &amp;#34;aria-atomic&amp;#34; | &amp;#34;aria-autocomplete&amp;#34; | &amp;#34;aria-busy&amp;#34; | &amp;#34;aria-checked&amp;#34; | &amp;#34;aria-colcount&amp;#34; | &amp;#34;aria-colindex&amp;#34; | &amp;#34;aria-colspan&amp;#34; | &amp;#34;aria-controls&amp;#34; | &amp;#34;aria-current&amp;#34; | &amp;#34;aria-describedby&amp;#34; | &amp;#34;aria-details&amp;#34; | &amp;#34;aria-disabled&amp;#34; | &amp;#34;aria-dropeffect&amp;#34; | &amp;#34;aria-errormessage&amp;#34; | &amp;#34;aria-expanded&amp;#34; | &amp;#34;aria-flowto&amp;#34; | &amp;#34;aria-grabbed&amp;#34; | &amp;#34;aria-haspopup&amp;#34; | &amp;#34;aria-hidden&amp;#34; | &amp;#34;aria-invalid&amp;#34; | &amp;#34;aria-keyshortcuts&amp;#34; | &amp;#34;aria-label&amp;#34; | &amp;#34;aria-labelledby&amp;#34; | &amp;#34;aria-level&amp;#34; | &amp;#34;aria-live&amp;#34; | &amp;#34;aria-modal&amp;#34; | &amp;#34;aria-multiline&amp;#34; | &amp;#34;aria-multiselectable&amp;#34; | &amp;#34;aria-orientation&amp;#34; | &amp;#34;aria-owns&amp;#34; | &amp;#34;aria-placeholder&amp;#34; | &amp;#34;aria-posinset&amp;#34; | &amp;#34;aria-pressed&amp;#34; | &amp;#34;aria-readonly&amp;#34; | &amp;#34;aria-relevant&amp;#34; | &amp;#34;aria-required&amp;#34; | &amp;#34;aria-roledescription&amp;#34; | &amp;#34;aria-rowcount&amp;#34; | &amp;#34;aria-rowindex&amp;#34; | &amp;#34;aria-rowspan&amp;#34; | &amp;#34;aria-selected&amp;#34; | &amp;#34;aria-setsize&amp;#34; | &amp;#34;aria-sort&amp;#34; | &amp;#34;aria-valuemax&amp;#34; | &amp;#34;aria-valuemin&amp;#34; | &amp;#34;aria-valuenow&amp;#34; | &amp;#34;aria-valuetext&amp;#34; | &amp;#34;dangerouslySetInnerHTML&amp;#34; | &amp;#34;onCopy&amp;#34; | &amp;#34;onCopyCapture&amp;#34; | &amp;#34;onCut&amp;#34; | &amp;#34;onCutCapture&amp;#34; | &amp;#34;onPaste&amp;#34; | &amp;#34;onPasteCapture&amp;#34; | &amp;#34;onCompositionEnd&amp;#34; | &amp;#34;onCompositionEndCapture&amp;#34; | &amp;#34;onCompositionStart&amp;#34; | &amp;#34;onCompositionStartCapture&amp;#34; | &amp;#34;onCompositionUpdate&amp;#34; | &amp;#34;onCompositionUpdateCapture&amp;#34; | &amp;#34;onFocus&amp;#34; | &amp;#34;onFocusCapture&amp;#34; | &amp;#34;onBlurCapture&amp;#34; | &amp;#34;onChangeCapture&amp;#34; | &amp;#34;onBeforeInput&amp;#34; | &amp;#34;onBeforeInputCapture&amp;#34; | &amp;#34;onInput&amp;#34; | &amp;#34;onInputCapture&amp;#34; | &amp;#34;onReset&amp;#34; | &amp;#34;onResetCapture&amp;#34; | &amp;#34;onSubmit&amp;#34; | &amp;#34;onSubmitCapture&amp;#34; | &amp;#34;onInvalid&amp;#34; | &amp;#34;onInvalidCapture&amp;#34; | &amp;#34;onLoad&amp;#34; | &amp;#34;onLoadCapture&amp;#34; | &amp;#34;onError&amp;#34; | &amp;#34;onErrorCapture&amp;#34; | &amp;#34;onKeyDown&amp;#34; | &amp;#34;onKeyDownCapture&amp;#34; | &amp;#34;onKeyPress&amp;#34; | &amp;#34;onKeyPressCapture&amp;#34; | &amp;#34;onKeyUp&amp;#34; | &amp;#34;onKeyUpCapture&amp;#34; | &amp;#34;onAbort&amp;#34; | &amp;#34;onAbortCapture&amp;#34; | &amp;#34;onCanPlay&amp;#34; | &amp;#34;onCanPlayCapture&amp;#34; | &amp;#34;onCanPlayThrough&amp;#34; | &amp;#34;onCanPlayThroughCapture&amp;#34; | &amp;#34;onDurationChange&amp;#34; | &amp;#34;onDurationChangeCapture&amp;#34; | &amp;#34;onEmptied&amp;#34; | &amp;#34;onEmptiedCapture&amp;#34; | &amp;#34;onEncrypted&amp;#34; | &amp;#34;onEncryptedCapture&amp;#34; | &amp;#34;onEnded&amp;#34; | &amp;#34;onEndedCapture&amp;#34; | &amp;#34;onLoadedData&amp;#34; | &amp;#34;onLoadedDataCapture&amp;#34; | &amp;#34;onLoadedMetadata&amp;#34; | &amp;#34;onLoadedMetadataCapture&amp;#34; | &amp;#34;onLoadStart&amp;#34; | &amp;#34;onLoadStartCapture&amp;#34; | &amp;#34;onPause&amp;#34; | &amp;#34;onPauseCapture&amp;#34; | &amp;#34;onPlay&amp;#34; | &amp;#34;onPlayCapture&amp;#34; | &amp;#34;onPlaying&amp;#34; | &amp;#34;onPlayingCapture&amp;#34; | &amp;#34;onProgress&amp;#34; | &amp;#34;onProgressCapture&amp;#34; | &amp;#34;onRateChange&amp;#34; | &amp;#34;onRateChangeCapture&amp;#34; | &amp;#34;onSeeked&amp;#34; | &amp;#34;onSeekedCapture&amp;#34; | &amp;#34;onSeeking&amp;#34; | &amp;#34;onSeekingCapture&amp;#34; | &amp;#34;onStalled&amp;#34; | &amp;#34;onStalledCapture&amp;#34; | &amp;#34;onSuspend&amp;#34; | &amp;#34;onSuspendCapture&amp;#34; | &amp;#34;onTimeUpdate&amp;#34; | &amp;#34;onTimeUpdateCapture&amp;#34; | &amp;#34;onVolumeChange&amp;#34; | &amp;#34;onVolumeChangeCapture&amp;#34; | &amp;#34;onWaiting&amp;#34; | &amp;#34;onWaitingCapture&amp;#34; | &amp;#34;onAuxClick&amp;#34; | &amp;#34;onAuxClickCapture&amp;#34; | &amp;#34;onClick&amp;#34; | &amp;#34;onClickCapture&amp;#34; | &amp;#34;onContextMenu&amp;#34; | &amp;#34;onContextMenuCapture&amp;#34; | &amp;#34;onDoubleClick&amp;#34; | &amp;#34;onDoubleClickCapture&amp;#34; | &amp;#34;onDrag&amp;#34; | &amp;#34;onDragCapture&amp;#34; | &amp;#34;onDragEnd&amp;#34; | &amp;#34;onDragEndCapture&amp;#34; | &amp;#34;onDragEnter&amp;#34; | &amp;#34;onDragEnterCapture&amp;#34; | &amp;#34;onDragExit&amp;#34; | &amp;#34;onDragExitCapture&amp;#34; | &amp;#34;onDragLeave&amp;#34; | &amp;#34;onDragLeaveCapture&amp;#34; | &amp;#34;onDragOver&amp;#34; | &amp;#34;onDragOverCapture&amp;#34; | &amp;#34;onDragStart&amp;#34; | &amp;#34;onDragStartCapture&amp;#34; | &amp;#34;onDrop&amp;#34; | &amp;#34;onDropCapture&amp;#34; | &amp;#34;onMouseDown&amp;#34; | &amp;#34;onMouseDownCapture&amp;#34; | &amp;#34;onMouseEnter&amp;#34; | &amp;#34;onMouseLeave&amp;#34; | &amp;#34;onMouseMove&amp;#34; | &amp;#34;onMouseMoveCapture&amp;#34; | &amp;#34;onMouseOut&amp;#34; | &amp;#34;onMouseOutCapture&amp;#34; | &amp;#34;onMouseOver&amp;#34; | &amp;#34;onMouseOverCapture&amp;#34; | &amp;#34;onMouseUp&amp;#34; | &amp;#34;onMouseUpCapture&amp;#34; | &amp;#34;onSelect&amp;#34; | &amp;#34;onSelectCapture&amp;#34; | &amp;#34;onTouchCancel&amp;#34; | &amp;#34;onTouchCancelCapture&amp;#34; | &amp;#34;onTouchEnd&amp;#34; | &amp;#34;onTouchEndCapture&amp;#34; | &amp;#34;onTouchMove&amp;#34; | &amp;#34;onTouchMoveCapture&amp;#34; | &amp;#34;onTouchStart&amp;#34; | &amp;#34;onTouchStartCapture&amp;#34; | &amp;#34;onPointerDown&amp;#34; | &amp;#34;onPointerDownCapture&amp;#34; | &amp;#34;onPointerMove&amp;#34; | &amp;#34;onPointerMoveCapture&amp;#34; | &amp;#34;onPointerUp&amp;#34; | &amp;#34;onPointerUpCapture&amp;#34; | &amp;#34;onPointerCancel&amp;#34; | &amp;#34;onPointerCancelCapture&amp;#34; | &amp;#34;onPointerEnter&amp;#34; | &amp;#34;onPointerEnterCapture&amp;#34; | &amp;#34;onPointerLeave&amp;#34; | &amp;#34;onPointerLeaveCapture&amp;#34; | &amp;#34;onPointerOver&amp;#34; | &amp;#34;onPointerOverCapture&amp;#34; | &amp;#34;onPointerOut&amp;#34; | &amp;#34;onPointerOutCapture&amp;#34; | &amp;#34;onGotPointerCapture&amp;#34; | &amp;#34;onGotPointerCaptureCapture&amp;#34; | &amp;#34;onLostPointerCapture&amp;#34; | &amp;#34;onLostPointerCaptureCapture&amp;#34; | &amp;#34;onScroll&amp;#34; | &amp;#34;onScrollCapture&amp;#34; | &amp;#34;onWheel&amp;#34; | &amp;#34;onWheelCapture&amp;#34; | &amp;#34;onAnimationStart&amp;#34; | &amp;#34;onAnimationStartCapture&amp;#34; | &amp;#34;onAnimationEnd&amp;#34; | &amp;#34;onAnimationEndCapture&amp;#34; | &amp;#34;onAnimationIteration&amp;#34; | &amp;#34;onAnimationIterationCapture&amp;#34; | &amp;#34;onTransitionEnd&amp;#34; | &amp;#34;onTransitionEndCapture&amp;#34; | &amp;#34;list&amp;#34; | &amp;#34;height&amp;#34; | &amp;#34;media&amp;#34; | &amp;#34;method&amp;#34; | &amp;#34;width&amp;#34; | &amp;#34;crossOrigin&amp;#34; | &amp;#34;href&amp;#34; | &amp;#34;src&amp;#34; | &amp;#34;content&amp;#34; | &amp;#34;start&amp;#34; | &amp;#34;wrap&amp;#34; | &amp;#34;open&amp;#34; | &amp;#34;multiple&amp;#34; | &amp;#34;autoFocus&amp;#34; | &amp;#34;formAction&amp;#34; | &amp;#34;formEncType&amp;#34; | &amp;#34;formMethod&amp;#34; | &amp;#34;formNoValidate&amp;#34; | &amp;#34;formTarget&amp;#34; | &amp;#34;download&amp;#34; | &amp;#34;hrefLang&amp;#34; | &amp;#34;rel&amp;#34; | &amp;#34;invalid&amp;#34; | &amp;#34;alt&amp;#34; | &amp;#34;accept&amp;#34; | &amp;#34;acceptCharset&amp;#34; | &amp;#34;allowFullScreen&amp;#34; | &amp;#34;allowTransparency&amp;#34; | &amp;#34;as&amp;#34; | &amp;#34;async&amp;#34; | &amp;#34;autoComplete&amp;#34; | &amp;#34;autoPlay&amp;#34; | &amp;#34;cellPadding&amp;#34; | &amp;#34;cellSpacing&amp;#34; | &amp;#34;charSet&amp;#34; | &amp;#34;challenge&amp;#34; | &amp;#34;checked&amp;#34; | &amp;#34;classID&amp;#34; | &amp;#34;cols&amp;#34; | &amp;#34;colSpan&amp;#34; | &amp;#34;controls&amp;#34; | &amp;#34;coords&amp;#34; | &amp;#34;dateTime&amp;#34; | &amp;#34;defer&amp;#34; | &amp;#34;encType&amp;#34; | &amp;#34;frameBorder&amp;#34; | &amp;#34;headers&amp;#34; | &amp;#34;high&amp;#34; | &amp;#34;htmlFor&amp;#34; | &amp;#34;httpEquiv&amp;#34; | &amp;#34;integrity&amp;#34; | &amp;#34;keyParams&amp;#34; | &amp;#34;keyType&amp;#34; | &amp;#34;kind&amp;#34; | &amp;#34;loop&amp;#34; | &amp;#34;low&amp;#34; | &amp;#34;manifest&amp;#34; | &amp;#34;marginHeight&amp;#34; | &amp;#34;marginWidth&amp;#34; | &amp;#34;maxLength&amp;#34; | &amp;#34;mediaGroup&amp;#34; | &amp;#34;minLength&amp;#34; | &amp;#34;muted&amp;#34; | &amp;#34;nonce&amp;#34; | &amp;#34;noValidate&amp;#34; | &amp;#34;optimum&amp;#34; | &amp;#34;playsInline&amp;#34; | &amp;#34;poster&amp;#34; | &amp;#34;preload&amp;#34; | &amp;#34;required&amp;#34; | &amp;#34;reversed&amp;#34; | &amp;#34;rowSpan&amp;#34; | &amp;#34;sandbox&amp;#34; | &amp;#34;scope&amp;#34; | &amp;#34;scoped&amp;#34; | &amp;#34;scrolling&amp;#34; | &amp;#34;seamless&amp;#34; | &amp;#34;sizes&amp;#34; | &amp;#34;srcDoc&amp;#34; | &amp;#34;srcLang&amp;#34; | &amp;#34;srcSet&amp;#34; | &amp;#34;useMap&amp;#34; | &amp;#34;wmode&amp;#34;&amp;gt; &amp;amp; React.RefAttributes&amp;lt;HTMLTextAreaElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>Themeable</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themeable/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themeable/</guid><content><![CDATA[&lt;h2 id=&#34;themeable-interface&#34;&gt;Themeable interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface Themeable &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Themeable } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#theme-property&#34;&gt;theme&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;theme-property&#34;&gt;theme property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;theme: GrafanaTheme;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="themeable-interface">Themeable interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface Themeable &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Themeable } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>Themeable2</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themeable2/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themeable2/</guid><content><![CDATA[&lt;h2 id=&#34;themeable2-interface&#34;&gt;Themeable2 interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface Themeable2 &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Themeable2 } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#theme-property&#34;&gt;theme&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;theme-property&#34;&gt;theme property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;theme: GrafanaTheme2;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="themeable2-interface">Themeable2 interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface Themeable2 &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Themeable2 } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ThemeContext</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themecontext/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/themecontext/</guid><content><![CDATA[&lt;h2 id=&#34;themecontext-variable&#34;&gt;ThemeContext variable&lt;/h2&gt;
&lt;h3 id=&#34;themecontext-variable-1&#34;&gt;ThemeContext variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ThemeContext: React.Context&amp;lt;GrafanaTheme2&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ThemeContext } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="themecontext-variable">ThemeContext variable&lt;/h2>
&lt;h3 id="themecontext-variable-1">ThemeContext variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ThemeContext: React.Context&amp;lt;GrafanaTheme2&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ThemeContext } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TimeOfDayPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timeofdaypicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timeofdaypicker/</guid><content><![CDATA[&lt;h2 id=&#34;timeofdaypicker-variable&#34;&gt;TimeOfDayPicker variable&lt;/h2&gt;
&lt;h3 id=&#34;timeofdaypicker-variable-1&#34;&gt;TimeOfDayPicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TimeOfDayPicker: FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeOfDayPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timeofdaypicker-variable">TimeOfDayPicker variable&lt;/h2>
&lt;h3 id="timeofdaypicker-variable-1">TimeOfDayPicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TimeOfDayPicker: FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TimeOfDayPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TimeRangeInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangeinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangeinput/</guid><content><![CDATA[&lt;h2 id=&#34;timerangeinput-variable&#34;&gt;TimeRangeInput variable&lt;/h2&gt;
&lt;h3 id=&#34;timerangeinput-variable-1&#34;&gt;TimeRangeInput variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TimeRangeInput: FC&amp;lt;TimeRangeInputProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeRangeInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timerangeinput-variable">TimeRangeInput variable&lt;/h2>
&lt;h3 id="timerangeinput-variable-1">TimeRangeInput variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TimeRangeInput: FC&amp;lt;TimeRangeInputProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TimeRangeInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TimeRangePicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangepicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangepicker/</guid><content><![CDATA[&lt;h2 id=&#34;timerangepicker-variable&#34;&gt;TimeRangePicker variable&lt;/h2&gt;
&lt;h3 id=&#34;timerangepicker-variable-1&#34;&gt;TimeRangePicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TimeRangePicker: React.FunctionComponent&amp;lt;{
    fiscalYearStartMonth?: number | undefined;
    timeZone?: string | undefined;
    value: TimeRange;
    onChange: (timeRange: TimeRange) =&amp;gt; void;
    history?: TimeRange[] | undefined;
    hideText?: boolean | undefined;
    onChangeTimeZone: (timeZone: TimeZone) =&amp;gt; void;
    onChangeFiscalYearStartMonth?: ((month: number) =&amp;gt; void) | undefined;
    hideQuickRanges?: boolean | undefined;
    onMoveBackward: () =&amp;gt; void;
    onMoveForward: () =&amp;gt; void;
    onZoom: () =&amp;gt; void;
    timeSyncButton?: JSX.Element | undefined;
    isSynced?: boolean | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeRangePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timerangepicker-variable">TimeRangePicker variable&lt;/h2>
&lt;h3 id="timerangepicker-variable-1">TimeRangePicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TimeRangePicker: React.FunctionComponent&amp;lt;{
fiscalYearStartMonth?: number | undefined;
timeZone?: string | undefined;
value: TimeRange;
onChange: (timeRange: TimeRange) =&amp;gt; void;
history?: TimeRange[] | undefined;
hideText?: boolean | undefined;
onChangeTimeZone: (timeZone: TimeZone) =&amp;gt; void;
onChangeFiscalYearStartMonth?: ((month: number) =&amp;gt; void) | undefined;
hideQuickRanges?: boolean | undefined;
onMoveBackward: () =&amp;gt; void;
onMoveForward: () =&amp;gt; void;
onZoom: () =&amp;gt; void;
timeSyncButton?: JSX.Element | undefined;
isSynced?: boolean | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>TimeRangePickerProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangepickerprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timerangepickerprops/</guid><content><![CDATA[&lt;h2 id=&#34;timerangepickerprops-interface&#34;&gt;TimeRangePickerProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface TimeRangePickerProps extends Themeable &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeRangePickerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#fiscalyearstartmonth-property&#34;&gt;fiscalYearStartMonth&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#hidequickranges-property&#34;&gt;hideQuickRanges&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#hidetext-property&#34;&gt;hideText&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#history-property&#34;&gt;history&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeRange[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#issynced-property&#34;&gt;isSynced&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(timeRange: TimeRange) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchangefiscalyearstartmonth-property&#34;&gt;onChangeFiscalYearStartMonth&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(month: number) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchangetimezone-property&#34;&gt;onChangeTimeZone&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(timeZone: TimeZone) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onmovebackward-property&#34;&gt;onMoveBackward&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onmoveforward-property&#34;&gt;onMoveForward&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onzoom-property&#34;&gt;onZoom&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#timesyncbutton-property&#34;&gt;timeSyncButton&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#timezone-property&#34;&gt;timeZone&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeZone&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeRange&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;fiscalyearstartmonth-property&#34;&gt;fiscalYearStartMonth property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fiscalYearStartMonth?: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;hidequickranges-property&#34;&gt;hideQuickRanges property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hideQuickRanges?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;hidetext-property&#34;&gt;hideText property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hideText?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;history-property&#34;&gt;history property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;history?: TimeRange[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;issynced-property&#34;&gt;isSynced property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;isSynced?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (timeRange: TimeRange) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchangefiscalyearstartmonth-property&#34;&gt;onChangeFiscalYearStartMonth property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChangeFiscalYearStartMonth?: (month: number) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onchangetimezone-property&#34;&gt;onChangeTimeZone property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChangeTimeZone: (timeZone: TimeZone) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onmovebackward-property&#34;&gt;onMoveBackward property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onMoveBackward: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onmoveforward-property&#34;&gt;onMoveForward property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onMoveForward: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;onzoom-property&#34;&gt;onZoom property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onZoom: () =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;timesyncbutton-property&#34;&gt;timeSyncButton property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;timeSyncButton?: JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;timezone-property&#34;&gt;timeZone property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;timeZone?: TimeZone;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value: TimeRange;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timerangepickerprops-interface">TimeRangePickerProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface TimeRangePickerProps extends Themeable &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TimeRangePickerProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>TimeSeries</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timeseries/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timeseries/</guid><content><![CDATA[&lt;h2 id=&#34;timeseries-variable&#34;&gt;TimeSeries variable&lt;/h2&gt;
&lt;h3 id=&#34;timeseries-variable-1&#34;&gt;TimeSeries variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TimeSeries: React.FunctionComponent&amp;lt;{
    timeZone: string;
    options?: Record&amp;lt;string, any&amp;gt; | undefined;
    fields?: import(&amp;#34;../GraphNG/types&amp;#34;).XYFieldMatchers | undefined;
    children?: ((builder: UPlotConfigBuilder, alignedFrame: DataFrame) =&amp;gt; React.ReactNode) | undefined;
    legend: import(&amp;#34;@grafana/schema&amp;#34;).VizLegendOptions;
    height: number;
    width: number;
    timeRange: TimeRange;
    frames: DataFrame[];
    structureRev?: number | undefined;
    renderers?: import(&amp;#34;../uPlot/config/UPlotConfigBuilder&amp;#34;).Renderers | undefined;
    tweakScale?: ((opts: import(&amp;#34;../uPlot/config/UPlotScaleBuilder&amp;#34;).ScaleProps, forField: import(&amp;#34;@grafana/data&amp;#34;).Field&amp;lt;any, import(&amp;#34;@grafana/data&amp;#34;).Vector&amp;lt;any&amp;gt;&amp;gt;) =&amp;gt; import(&amp;#34;../uPlot/config/UPlotScaleBuilder&amp;#34;).ScaleProps) | undefined;
    tweakAxis?: ((opts: import(&amp;#34;../uPlot/config/UPlotAxisBuilder&amp;#34;).AxisProps, forField: import(&amp;#34;@grafana/data&amp;#34;).Field&amp;lt;any, import(&amp;#34;@grafana/data&amp;#34;).Vector&amp;lt;any&amp;gt;&amp;gt;) =&amp;gt; import(&amp;#34;../uPlot/config/UPlotAxisBuilder&amp;#34;).AxisProps) | undefined;
    onLegendClick?: ((event: import(&amp;#34;..&amp;#34;).GraphNGLegendEvent) =&amp;gt; void) | undefined;
    preparePlotFrame?: ((frames: DataFrame[], dimFields: import(&amp;#34;../GraphNG/types&amp;#34;).XYFieldMatchers) =&amp;gt; DataFrame) | undefined;
}&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeSeries } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timeseries-variable">TimeSeries variable&lt;/h2>
&lt;h3 id="timeseries-variable-1">TimeSeries variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TimeSeries: React.FunctionComponent&amp;lt;{
timeZone: string;
options?: Record&amp;lt;string, any&amp;gt; | undefined;
fields?: import(&amp;#34;../GraphNG/types&amp;#34;).XYFieldMatchers | undefined;
children?: ((builder: UPlotConfigBuilder, alignedFrame: DataFrame) =&amp;gt; React.ReactNode) | undefined;
legend: import(&amp;#34;@grafana/schema&amp;#34;).VizLegendOptions;
height: number;
width: number;
timeRange: TimeRange;
frames: DataFrame[];
structureRev?: number | undefined;
renderers?: import(&amp;#34;../uPlot/config/UPlotConfigBuilder&amp;#34;).Renderers | undefined;
tweakScale?: ((opts: import(&amp;#34;../uPlot/config/UPlotScaleBuilder&amp;#34;).ScaleProps, forField: import(&amp;#34;@grafana/data&amp;#34;).Field&amp;lt;any, import(&amp;#34;@grafana/data&amp;#34;).Vector&amp;lt;any&amp;gt;&amp;gt;) =&amp;gt; import(&amp;#34;../uPlot/config/UPlotScaleBuilder&amp;#34;).ScaleProps) | undefined;
tweakAxis?: ((opts: import(&amp;#34;../uPlot/config/UPlotAxisBuilder&amp;#34;).AxisProps, forField: import(&amp;#34;@grafana/data&amp;#34;).Field&amp;lt;any, import(&amp;#34;@grafana/data&amp;#34;).Vector&amp;lt;any&amp;gt;&amp;gt;) =&amp;gt; import(&amp;#34;../uPlot/config/UPlotAxisBuilder&amp;#34;).AxisProps) | undefined;
onLegendClick?: ((event: import(&amp;#34;..&amp;#34;).GraphNGLegendEvent) =&amp;gt; void) | undefined;
preparePlotFrame?: ((frames: DataFrame[], dimFields: import(&amp;#34;../GraphNG/types&amp;#34;).XYFieldMatchers) =&amp;gt; DataFrame) | undefined;
}&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>TimeZonePicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timezonepicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/timezonepicker/</guid><content><![CDATA[&lt;h2 id=&#34;timezonepicker-variable&#34;&gt;TimeZonePicker variable&lt;/h2&gt;
&lt;h3 id=&#34;timezonepicker-variable-1&#34;&gt;TimeZonePicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TimeZonePicker: React.FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TimeZonePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="timezonepicker-variable">TimeZonePicker variable&lt;/h2>
&lt;h3 id="timezonepicker-variable-1">TimeZonePicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TimeZonePicker: React.FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TimeZonePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TLSAuthSettings</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tlsauthsettings/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tlsauthsettings/</guid><content><![CDATA[&lt;h2 id=&#34;tlsauthsettings-variable&#34;&gt;TLSAuthSettings variable&lt;/h2&gt;
&lt;h3 id=&#34;tlsauthsettings-variable-1&#34;&gt;TLSAuthSettings variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;TLSAuthSettings: React.FC&amp;lt;HttpSettingsBaseProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TLSAuthSettings } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tlsauthsettings-variable">TLSAuthSettings variable&lt;/h2>
&lt;h3 id="tlsauthsettings-variable-1">TLSAuthSettings variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">TLSAuthSettings: React.FC&amp;lt;HttpSettingsBaseProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TLSAuthSettings } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Token</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/token/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/token/</guid><content><![CDATA[&lt;h2 id=&#34;token-interface&#34;&gt;Token interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface Token &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Token } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#aliases-property&#34;&gt;aliases&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#content-property&#34;&gt;content&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#next-property&#34;&gt;next&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Token | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#offsets-property&#34;&gt;offsets&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;{&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        start: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;        end: number;&lt;/code&gt;&lt;br/&gt;&lt;code&gt;    }&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prev-property&#34;&gt;prev&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Token | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#types-property&#34;&gt;types&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;aliases-property&#34;&gt;aliases property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;aliases: string[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;content-property&#34;&gt;content property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;content: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;next-property&#34;&gt;next property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;next?: Token | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;offsets-property&#34;&gt;offsets property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;offsets?: {
        start: number;
        end: number;
    };&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prev-property&#34;&gt;prev property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prev?: Token | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;types-property&#34;&gt;types property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;types: string[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="token-interface">Token interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface Token &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Token } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ToolbarButton</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/toolbarbutton/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/toolbarbutton/</guid><content><![CDATA[&lt;h2 id=&#34;toolbarbutton-variable&#34;&gt;ToolbarButton variable&lt;/h2&gt;
&lt;h3 id=&#34;toolbarbutton-variable-1&#34;&gt;ToolbarButton variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ToolbarButton: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ToolbarButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="toolbarbutton-variable">ToolbarButton variable&lt;/h2>
&lt;h3 id="toolbarbutton-variable-1">ToolbarButton variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ToolbarButton: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLButtonElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ToolbarButton } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ToolbarButtonRow</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/toolbarbuttonrow/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/toolbarbuttonrow/</guid><content><![CDATA[&lt;h2 id=&#34;toolbarbuttonrow-variable&#34;&gt;ToolbarButtonRow variable&lt;/h2&gt;
&lt;h3 id=&#34;toolbarbuttonrow-variable-1&#34;&gt;ToolbarButtonRow variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;ToolbarButtonRow: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ToolbarButtonRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="toolbarbuttonrow-variable">ToolbarButtonRow variable&lt;/h2>
&lt;h3 id="toolbarbuttonrow-variable-1">ToolbarButtonRow variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">ToolbarButtonRow: React.ForwardRefExoticComponent&amp;lt;Props &amp;amp; React.RefAttributes&amp;lt;HTMLDivElement&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ToolbarButtonRow } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>Tooltip</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tooltip/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/tooltip/</guid><content><![CDATA[&lt;h2 id=&#34;tooltip-variable&#34;&gt;Tooltip variable&lt;/h2&gt;
&lt;h3 id=&#34;tooltip-variable-1&#34;&gt;Tooltip variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Tooltip: FC&amp;lt;TooltipProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { Tooltip } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="tooltip-variable">Tooltip variable&lt;/h2>
&lt;h3 id="tooltip-variable-1">Tooltip variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">Tooltip: FC&amp;lt;TooltipProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { Tooltip } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>TypeaheadInput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/typeaheadinput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/typeaheadinput/</guid><content><![CDATA[&lt;h2 id=&#34;typeaheadinput-interface&#34;&gt;TypeaheadInput interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface TypeaheadInput &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TypeaheadInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#editor-property&#34;&gt;editor&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CoreEditor&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#labelkey-property&#34;&gt;labelKey&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prefix-property&#34;&gt;prefix&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#text-property&#34;&gt;text&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Value&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#wrapperclasses-property&#34;&gt;wrapperClasses&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;editor-property&#34;&gt;editor property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;editor?: CoreEditor;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;labelkey-property&#34;&gt;labelKey property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;labelKey?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;prefix-property&#34;&gt;prefix property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prefix: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;text-property&#34;&gt;text property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;text: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value?: Value;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;wrapperclasses-property&#34;&gt;wrapperClasses property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;wrapperClasses: string[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="typeaheadinput-interface">TypeaheadInput interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface TypeaheadInput &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TypeaheadInput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>TypeaheadOutput</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/typeaheadoutput/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/typeaheadoutput/</guid><content><![CDATA[&lt;h2 id=&#34;typeaheadoutput-interface&#34;&gt;TypeaheadOutput interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface TypeaheadOutput &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { TypeaheadOutput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#context-property&#34;&gt;context&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#suggestions-property&#34;&gt;suggestions&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;CompletionItemGroup[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;context-property&#34;&gt;context property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;context?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;suggestions-property&#34;&gt;suggestions property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;suggestions: CompletionItemGroup[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="typeaheadoutput-interface">TypeaheadOutput interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface TypeaheadOutput &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { TypeaheadOutput } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>UnitPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/unitpicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/unitpicker/</guid><content><![CDATA[&lt;h2 id=&#34;unitpicker-class&#34;&gt;UnitPicker class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class UnitPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { UnitPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#onchange-property&#34;&gt;onChange&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(value: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;onchange-property&#34;&gt;onChange property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;onChange: (value: SelectableValue&amp;lt;string&amp;gt;) =&amp;gt; void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="unitpicker-class">UnitPicker class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class UnitPicker extends PureComponent&amp;lt;Props&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { UnitPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>UPLOT_AXIS_FONT_SIZE</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/uplot_axis_font_size/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/uplot_axis_font_size/</guid><content><![CDATA[&lt;h2 id=&#34;uplot_axis_font_size-variable&#34;&gt;UPLOT_AXIS_FONT_SIZE variable&lt;/h2&gt;
&lt;h3 id=&#34;uplot_axis_font_size-variable-1&#34;&gt;UPLOT_AXIS_FONT_SIZE variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;UPLOT_AXIS_FONT_SIZE = 12&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { UPLOT_AXIS_FONT_SIZE } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="uplot_axis_font_size-variable">UPLOT_AXIS_FONT_SIZE variable&lt;/h2>
&lt;h3 id="uplot_axis_font_size-variable-1">UPLOT_AXIS_FONT_SIZE variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">UPLOT_AXIS_FONT_SIZE = 12&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { UPLOT_AXIS_FONT_SIZE } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>UPlotConfigBuilder</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/uplotconfigbuilder/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/uplotconfigbuilder/</guid><content><![CDATA[&lt;h2 id=&#34;uplotconfigbuilder-class&#34;&gt;UPlotConfigBuilder class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class UPlotConfigBuilder &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { UPlotConfigBuilder } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-timezone&#34;&gt;constructor(timeZone)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;UPlotConfigBuilder&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#prepdata-property&#34;&gt;prepData&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PrepData | undefined&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#scalekeys-property&#34;&gt;scaleKeys&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;[string, string]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addaxis-method&#34;&gt;addAxis(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addband-method&#34;&gt;addBand(band)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addhook-method&#34;&gt;addHook(type, hook)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addscale-method&#34;&gt;addScale(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Add or update the scale with the scale key&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addseries-method&#34;&gt;addSeries(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#addthresholds-method&#34;&gt;addThresholds(options)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getaxisplacement-method&#34;&gt;getAxisPlacement(scaleKey)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getconfig-method&#34;&gt;getConfig()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getseries-method&#34;&gt;getSeries()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#gettooltipinterpolator-method&#34;&gt;getTooltipInterpolator()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#hassync-method&#34;&gt;hasSync()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setcursor-method&#34;&gt;setCursor(cursor)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setmode-method&#34;&gt;setMode(mode)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setpadding-method&#34;&gt;setPadding(padding)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setprepdata-method&#34;&gt;setPrepData(prepData)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setselect-method&#34;&gt;setSelect(select)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#setsync-method&#34;&gt;setSync()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#settooltipinterpolator-method&#34;&gt;setTooltipInterpolator(interpolator)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructortimezone&#34;&gt;constructor(timeZone)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;UPlotConfigBuilder&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(timeZone?: TimeZone);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;timeZone&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;TimeZone&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;prepdata-property&#34;&gt;prepData property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;prepData: PrepData | undefined;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;scalekeys-property&#34;&gt;scaleKeys property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;scaleKeys: [string, string];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;addaxis-method&#34;&gt;addAxis method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addAxis(props: AxisProps): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;AxisProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;addband-method&#34;&gt;addBand method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addBand(band: Band): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;band&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Band&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;addhook-method&#34;&gt;addHook method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addHook&amp;lt;T extends keyof Hooks.Defs&amp;gt;(type: T, hook: Hooks.Defs[T]): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;type&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;T&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;hook&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Hooks.Defs[T]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;addscale-method&#34;&gt;addScale method&lt;/h3&gt;
&lt;p&gt;Add or update the scale with the scale key&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addScale(props: ScaleProps): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ScaleProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;addseries-method&#34;&gt;addSeries method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addSeries(props: SeriesProps): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;SeriesProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;addthresholds-method&#34;&gt;addThresholds method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;addThresholds(options: UPlotThresholdOptions): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;options&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;UPlotThresholdOptions&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getaxisplacement-method&#34;&gt;getAxisPlacement method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getAxisPlacement(scaleKey: string): AxisPlacement;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;scaleKey&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;AxisPlacement&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getconfig-method&#34;&gt;getConfig method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getConfig(): PlotConfig;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;PlotConfig&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getseries-method&#34;&gt;getSeries method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getSeries(): UPlotSeriesBuilder[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;UPlotSeriesBuilder[]&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;gettooltipinterpolator-method&#34;&gt;getTooltipInterpolator method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getTooltipInterpolator(): PlotTooltipInterpolator | undefined;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;PlotTooltipInterpolator | undefined&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;hassync-method&#34;&gt;hasSync method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;hasSync(): boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setcursor-method&#34;&gt;setCursor method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setCursor(cursor?: Cursor): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;cursor&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Cursor&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setmode-method&#34;&gt;setMode method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setMode(mode: uPlot.Mode): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;mode&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;uPlot.Mode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setpadding-method&#34;&gt;setPadding method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setPadding(padding: Padding): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;padding&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Padding&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setprepdata-method&#34;&gt;setPrepData method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setPrepData(prepData: PrepData): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prepData&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PrepData&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setselect-method&#34;&gt;setSelect method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setSelect(select: Select): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;select&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Select&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;setsync-method&#34;&gt;setSync method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setSync(): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;settooltipinterpolator-method&#34;&gt;setTooltipInterpolator method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;setTooltipInterpolator(interpolator: PlotTooltipInterpolator): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;interpolator&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PlotTooltipInterpolator&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="uplotconfigbuilder-class">UPlotConfigBuilder class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class UPlotConfigBuilder &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { UPlotConfigBuilder } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Constructors&lt;/b>&lt;/p></description></item><item><title>useStyles</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usestyles/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usestyles/</guid><content><![CDATA[&lt;h2 id=&#34;usestyles-function&#34;&gt;useStyles() function&lt;/h2&gt;
&lt;h3 id=&#34;usestyles-function-1&#34;&gt;useStyles() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function useStyles&amp;lt;T&amp;gt;(getStyles: (theme: GrafanaTheme) =&amp;gt; T): T;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { useStyles } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;getStyles&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(theme: GrafanaTheme) =&amp;gt; T&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;T&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="usestyles-function">useStyles() function&lt;/h2>
&lt;h3 id="usestyles-function-1">useStyles() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function useStyles&amp;lt;T&amp;gt;(getStyles: (theme: GrafanaTheme) =&amp;gt; T): T;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>useStyles2</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usestyles2/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usestyles2/</guid><content><![CDATA[&lt;h2 id=&#34;usestyles2-function&#34;&gt;useStyles2() function&lt;/h2&gt;
&lt;h3 id=&#34;usestyles2-function-1&#34;&gt;useStyles2() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function useStyles2&amp;lt;T&amp;gt;(getStyles: (theme: GrafanaTheme2) =&amp;gt; T): T;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { useStyles2 } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;getStyles&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(theme: GrafanaTheme2) =&amp;gt; T&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;T&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="usestyles2-function">useStyles2() function&lt;/h2>
&lt;h3 id="usestyles2-function-1">useStyles2() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function useStyles2&amp;lt;T&amp;gt;(getStyles: (theme: GrafanaTheme2) =&amp;gt; T): T;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>useTheme</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usetheme/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usetheme/</guid><content><![CDATA[&lt;h2 id=&#34;usetheme-function&#34;&gt;useTheme() function&lt;/h2&gt;
&lt;h3 id=&#34;usetheme-function-1&#34;&gt;useTheme() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function useTheme(): GrafanaTheme;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { useTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;GrafanaTheme&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="usetheme-function">useTheme() function&lt;/h2>
&lt;h3 id="usetheme-function-1">useTheme() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function useTheme(): GrafanaTheme;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { useTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>useTheme2</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usetheme2/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/usetheme2/</guid><content><![CDATA[&lt;h2 id=&#34;usetheme2-function&#34;&gt;useTheme2() function&lt;/h2&gt;
&lt;h3 id=&#34;usetheme2-function-1&#34;&gt;useTheme2() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function useTheme2(): GrafanaTheme2;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { useTheme2 } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;GrafanaTheme2&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="usetheme2-function">useTheme2() function&lt;/h2>
&lt;h3 id="usetheme2-function-1">useTheme2() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function useTheme2(): GrafanaTheme2;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { useTheme2 } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Returns:&lt;/b>&lt;/p></description></item><item><title>validate</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validate/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validate/</guid><content><![CDATA[&lt;h2 id=&#34;validate-variable&#34;&gt;validate variable&lt;/h2&gt;
&lt;h3 id=&#34;validate-variable-1&#34;&gt;validate variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;validate: (value: string, validationRules: ValidationRule[]) =&amp;gt; string[] | null&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { validate } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="validate-variable">validate variable&lt;/h2>
&lt;h3 id="validate-variable-1">validate variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">validate: (value: string, validationRules: ValidationRule[]) =&amp;gt; string[] | null&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>ValidationEvents</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validationevents/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validationevents/</guid><content><![CDATA[&lt;h2 id=&#34;validationevents-interface&#34;&gt;ValidationEvents interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface ValidationEvents &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ValidationEvents } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="validationevents-interface">ValidationEvents interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface ValidationEvents &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ValidationEvents } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>ValidationRule</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validationrule/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/validationrule/</guid><content><![CDATA[&lt;h2 id=&#34;validationrule-interface&#34;&gt;ValidationRule interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface ValidationRule &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ValidationRule } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#errormessage-property&#34;&gt;errorMessage&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rule-property&#34;&gt;rule&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(valueToValidate: string) =&amp;gt; boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;errormessage-property&#34;&gt;errorMessage property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;errorMessage: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;rule-property&#34;&gt;rule property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;rule: (valueToValidate: string) =&amp;gt; boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="validationrule-interface">ValidationRule interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface ValidationRule &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { ValidationRule } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>ValuePicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/valuepicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/valuepicker/</guid><content><![CDATA[&lt;h2 id=&#34;valuepicker-function&#34;&gt;ValuePicker() function&lt;/h2&gt;
&lt;h3 id=&#34;valuepicker-function-1&#34;&gt;ValuePicker() function&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function ValuePicker&amp;lt;T&amp;gt;({ label, icon, options, onChange, variant, minWidth, size, isFullWidth, menuPlacement, }: ValuePickerProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { ValuePicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;{ label, icon, options, onChange, variant, minWidth, size, isFullWidth, menuPlacement, }&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ValuePickerProps&amp;lt;T&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="valuepicker-function">ValuePicker() function&lt;/h2>
&lt;h3 id="valuepicker-function-1">ValuePicker() function&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function ValuePicker&amp;lt;T&amp;gt;({ label, icon, options, onChange, variant, minWidth, size, isFullWidth, menuPlacement, }: ValuePickerProps&amp;lt;T&amp;gt;): JSX.Element;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>VerticalGroup</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/verticalgroup/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/verticalgroup/</guid><content><![CDATA[&lt;h2 id=&#34;verticalgroup-variable&#34;&gt;VerticalGroup variable&lt;/h2&gt;
&lt;h3 id=&#34;verticalgroup-variable-1&#34;&gt;VerticalGroup variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;VerticalGroup: React.FC&amp;lt;Omit&amp;lt;LayoutProps, &amp;#39;orientation&amp;#39; | &amp;#39;wrap&amp;#39;&amp;gt;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VerticalGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="verticalgroup-variable">VerticalGroup variable&lt;/h2>
&lt;h3 id="verticalgroup-variable-1">VerticalGroup variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">VerticalGroup: React.FC&amp;lt;Omit&amp;lt;LayoutProps, &amp;#39;orientation&amp;#39; | &amp;#39;wrap&amp;#39;&amp;gt;&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VerticalGroup } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>VizLayout</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayout/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayout/</guid><content><![CDATA[&lt;h2 id=&#34;vizlayout-variable&#34;&gt;VizLayout variable&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;vizlayout-variable-1&#34;&gt;VizLayout variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;VizLayout: VizLayoutComponentType&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLayout } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlayout-variable">VizLayout variable&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>VizLayoutComponentType</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutcomponenttype/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutcomponenttype/</guid><content><![CDATA[&lt;h2 id=&#34;vizlayoutcomponenttype-interface&#34;&gt;VizLayoutComponentType interface&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface VizLayoutComponentType extends FC&amp;lt;VizLayoutProps&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLayoutComponentType } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#legend-property&#34;&gt;Legend&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ComponentType&amp;lt;VizLayoutLegendProps&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;legend-property&#34;&gt;Legend property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;Legend: ComponentType&amp;lt;VizLayoutLegendProps&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlayoutcomponenttype-interface">VizLayoutComponentType interface&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>VizLayoutLegendProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutlegendprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutlegendprops/</guid><content><![CDATA[&lt;h2 id=&#34;vizlayoutlegendprops-interface&#34;&gt;VizLayoutLegendProps interface&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface VizLayoutLegendProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLayoutLegendProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#maxheight-property&#34;&gt;maxHeight&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#maxwidth-property&#34;&gt;maxWidth&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#placement-property&#34;&gt;placement&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;LegendPlacement&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children: React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;maxheight-property&#34;&gt;maxHeight property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;maxHeight?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;maxwidth-property&#34;&gt;maxWidth property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;maxWidth?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;placement-property&#34;&gt;placement property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;placement: LegendPlacement;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlayoutlegendprops-interface">VizLayoutLegendProps interface&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>VizLayoutProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlayoutprops/</guid><content><![CDATA[&lt;h2 id=&#34;vizlayoutprops-interface&#34;&gt;VizLayoutProps interface&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface VizLayoutProps &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLayoutProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#children-property&#34;&gt;children&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;(width: number, height: number) =&amp;gt; React.ReactNode&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#height-property&#34;&gt;height&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#legend-property&#34;&gt;legend&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;React.ReactElement&amp;lt;VizLayoutLegendProps&amp;gt; | null&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#width-property&#34;&gt;width&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;b&gt;&lt;i&gt;(BETA)&lt;/i&gt;&lt;/b&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;children-property&#34;&gt;children property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;children: (width: number, height: number) =&amp;gt; React.ReactNode;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;height-property&#34;&gt;height property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;height: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;legend-property&#34;&gt;legend property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;legend?: React.ReactElement&amp;lt;VizLayoutLegendProps&amp;gt; | null;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h3 id=&#34;width-property&#34;&gt;width property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;width: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlayoutprops-interface">VizLayoutProps interface&lt;/h2>
&lt;blockquote>
&lt;p>This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.&lt;/p></description></item><item><title>VizLegend</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegend/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegend/</guid><content><![CDATA[&lt;h2 id=&#34;vizlegend-namespace&#34;&gt;VizLegend namespace&lt;/h2&gt;
&lt;h3 id=&#34;vizlegend-namespace-1&#34;&gt;VizLegend namespace&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare namespace VizLegend &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;variables&#34;&gt;Variables&lt;/h2&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Variable&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;./displayname/&#34;&gt;displayName&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h2 id="vizlegend-namespace">VizLegend namespace&lt;/h2>
&lt;h3 id="vizlegend-namespace-1">VizLegend namespace&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare namespace VizLegend &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizLegend } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;h2 id="variables">Variables&lt;/h2>
&lt;section class="expand-table-wrapper">&lt;div class="button-div">
&lt;button class="expand-table-btn">Expand table&lt;/button>
&lt;/div>&lt;div class="responsive-table-wrapper">
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Variable&lt;/th>
&lt;th>Description&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;a href="./displayname/">displayName&lt;/a>&lt;/td>
&lt;td>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;/div>
&lt;/section></description></item><item><title>VizLegendItem</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegenditem/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizlegenditem/</guid><content><![CDATA[&lt;h2 id=&#34;vizlegenditem-interface&#34;&gt;VizLegendItem interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface VizLegendItem&amp;lt;T = any&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizLegendItem } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#color-property&#34;&gt;color&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#data-property&#34;&gt;data&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;T&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#disabled-property&#34;&gt;disabled&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;boolean&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#fieldindex-property&#34;&gt;fieldIndex&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DataFrameFieldIndex&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getdisplayvalues-property&#34;&gt;getDisplayValues&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; DisplayValue[]&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getitemkey-property&#34;&gt;getItemKey&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;() =&amp;gt; string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#gradient-property&#34;&gt;gradient&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#label-property&#34;&gt;label&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;string&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#yaxis-property&#34;&gt;yAxis&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;color-property&#34;&gt;color property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;color?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;data-property&#34;&gt;data property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;data?: T;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;disabled-property&#34;&gt;disabled property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;disabled?: boolean;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;fieldindex-property&#34;&gt;fieldIndex property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;fieldIndex?: DataFrameFieldIndex;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getdisplayvalues-property&#34;&gt;getDisplayValues property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getDisplayValues?: () =&amp;gt; DisplayValue[];&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;getitemkey-property&#34;&gt;getItemKey property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getItemKey?: () =&amp;gt; string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;gradient-property&#34;&gt;gradient property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;gradient?: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;label-property&#34;&gt;label property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;label: string;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;yaxis-property&#34;&gt;yAxis property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;yAxis: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizlegenditem-interface">VizLegendItem interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface VizLegendItem&amp;lt;T = any&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizLegendItem } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>VizRepeater</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizrepeater/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizrepeater/</guid><content><![CDATA[&lt;h2 id=&#34;vizrepeater-class&#34;&gt;VizRepeater class&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare class VizRepeater&amp;lt;V, D = {}&amp;gt; extends PureComponent&amp;lt;Props&amp;lt;V, D&amp;gt;, State&amp;lt;V&amp;gt;&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizRepeater } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Constructors&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Constructor&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#constructor-props&#34;&gt;constructor(props)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;Constructs a new instance of the &lt;code&gt;VizRepeater&lt;/code&gt; class&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#defaultprops-property&#34;&gt;defaultProps&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;static&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;DefaultProps&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Methods&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Method&lt;/th&gt;
              &lt;th&gt;Modifiers&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#componentdidupdate-method&#34;&gt;componentDidUpdate(prevProps)&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#getorientation-method&#34;&gt;getOrientation()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#render-method&#34;&gt;render()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#rendergrid-method&#34;&gt;renderGrid()&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;constructorprops&#34;&gt;constructor(props)&lt;/h3&gt;
&lt;p&gt;Constructs a new instance of the &lt;code&gt;VizRepeater&lt;/code&gt; class&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;constructor(props: Props&amp;lt;V, D&amp;gt;);&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;props&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&amp;lt;V, D&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;defaultprops-property&#34;&gt;defaultProps property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;static defaultProps: DefaultProps;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;componentdidupdate-method&#34;&gt;componentDidUpdate method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;componentDidUpdate(prevProps: Props&amp;lt;V, D&amp;gt;): void;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;prevProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Props&amp;lt;V, D&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;void&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;getorientation-method&#34;&gt;getOrientation method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;getOrientation(): VizOrientation;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;VizOrientation&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;render-method&#34;&gt;render method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;render(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
&lt;h3 id=&#34;rendergrid-method&#34;&gt;renderGrid method&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;renderGrid(): JSX.Element;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;JSX.Element&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="vizrepeater-class">VizRepeater class&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare class VizRepeater&amp;lt;V, D = {}&amp;gt; extends PureComponent&amp;lt;Props&amp;lt;V, D&amp;gt;, State&amp;lt;V&amp;gt;&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>VizRepeaterRenderValueProps</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizrepeaterrendervalueprops/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/vizrepeaterrendervalueprops/</guid><content><![CDATA[&lt;h2 id=&#34;vizrepeaterrendervalueprops-interface&#34;&gt;VizRepeaterRenderValueProps interface&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export interface VizRepeaterRenderValueProps&amp;lt;V, D = {}&amp;gt; &lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizRepeaterRenderValueProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Properties&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Property&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#alignmentfactors-property&#34;&gt;alignmentFactors&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;D&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#count-property&#34;&gt;count&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Total number of values being shown in repeater&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#height-property&#34;&gt;height&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#orientation-property&#34;&gt;orientation&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;VizOrientation&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#value-property&#34;&gt;value&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;V&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href=&#34;#width-property&#34;&gt;width&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;number&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;alignmentfactors-property&#34;&gt;alignmentFactors property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;alignmentFactors: D;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;count-property&#34;&gt;count property&lt;/h3&gt;
&lt;p&gt;Total number of values being shown in repeater&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;count: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;height-property&#34;&gt;height property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;height: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;orientation-property&#34;&gt;orientation property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;orientation: VizOrientation;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;value-property&#34;&gt;value property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;value: V;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;width-property&#34;&gt;width property&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;width: number;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="vizrepeaterrendervalueprops-interface">VizRepeaterRenderValueProps interface&lt;/h2>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export interface VizRepeaterRenderValueProps&amp;lt;V, D = {}&amp;gt; &lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizRepeaterRenderValueProps } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Properties&lt;/b>&lt;/p></description></item><item><title>VizTooltip</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/viztooltip/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/viztooltip/</guid><content><![CDATA[&lt;h2 id=&#34;viztooltip-variable&#34;&gt;VizTooltip variable&lt;/h2&gt;
&lt;h3 id=&#34;viztooltip-variable-1&#34;&gt;VizTooltip variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;VizTooltip: React.FC&amp;lt;VizTooltipProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizTooltip } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="viztooltip-variable">VizTooltip variable&lt;/h2>
&lt;h3 id="viztooltip-variable-1">VizTooltip variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">VizTooltip: React.FC&amp;lt;VizTooltipProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizTooltip } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>VizTooltipContainer</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/viztooltipcontainer/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/viztooltipcontainer/</guid><content><![CDATA[&lt;h2 id=&#34;viztooltipcontainer-variable&#34;&gt;VizTooltipContainer variable&lt;/h2&gt;
&lt;h3 id=&#34;viztooltipcontainer-variable-1&#34;&gt;VizTooltipContainer variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;VizTooltipContainer: React.FC&amp;lt;VizTooltipContainerProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { VizTooltipContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="viztooltipcontainer-variable">VizTooltipContainer variable&lt;/h2>
&lt;h3 id="viztooltipcontainer-variable-1">VizTooltipContainer variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">VizTooltipContainer: React.FC&amp;lt;VizTooltipContainerProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { VizTooltipContainer } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>WeekStartPicker</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/weekstartpicker/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/weekstartpicker/</guid><content><![CDATA[&lt;h2 id=&#34;weekstartpicker-variable&#34;&gt;WeekStartPicker variable&lt;/h2&gt;
&lt;h3 id=&#34;weekstartpicker-variable-1&#34;&gt;WeekStartPicker variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;WeekStartPicker: React.FC&amp;lt;Props&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { WeekStartPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="weekstartpicker-variable">WeekStartPicker variable&lt;/h2>
&lt;h3 id="weekstartpicker-variable-1">WeekStartPicker variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">WeekStartPicker: React.FC&amp;lt;Props&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { WeekStartPicker } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>WithContextMenu</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/withcontextmenu/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/withcontextmenu/</guid><content><![CDATA[&lt;h2 id=&#34;withcontextmenu-variable&#34;&gt;WithContextMenu variable&lt;/h2&gt;
&lt;h3 id=&#34;withcontextmenu-variable-1&#34;&gt;WithContextMenu variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;WithContextMenu: React.FC&amp;lt;WithContextMenuProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { WithContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="withcontextmenu-variable">WithContextMenu variable&lt;/h2>
&lt;h3 id="withcontextmenu-variable-1">WithContextMenu variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">WithContextMenu: React.FC&amp;lt;WithContextMenuProps&amp;gt;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">import { WithContextMenu } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div></description></item><item><title>withErrorBoundary</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/witherrorboundary/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/witherrorboundary/</guid><content><![CDATA[&lt;h2 id=&#34;witherrorboundary-function&#34;&gt;withErrorBoundary() function&lt;/h2&gt;
&lt;h3 id=&#34;witherrorboundary-function-1&#34;&gt;withErrorBoundary() function&lt;/h3&gt;
&lt;p&gt;HOC for wrapping a component in an error boundary.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;export declare function withErrorBoundary&amp;lt;P = {}&amp;gt;(Component: ComponentType&amp;lt;P&amp;gt;, errorBoundaryProps?: Omit&amp;lt;ErrorBoundaryAlertProps, &amp;#39;children&amp;#39;&amp;gt;): ComponentType&amp;lt;P&amp;gt;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { withErrorBoundary } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Parameters&lt;/b&gt;&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Parameter&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Component&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;ComponentType&amp;lt;P&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;the react component to wrap in error boundary&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;errorBoundaryProps&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Omit&amp;lt;ErrorBoundaryAlertProps, &amp;lsquo;children&amp;rsquo;&amp;gt;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;error boundary options&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;b&gt;Returns:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;code&gt;ComponentType&amp;lt;P&amp;gt;&lt;/code&gt;&lt;/p&gt;
]]></content><description>&lt;h2 id="witherrorboundary-function">withErrorBoundary() function&lt;/h2>
&lt;h3 id="witherrorboundary-function-1">withErrorBoundary() function&lt;/h3>
&lt;p>HOC for wrapping a component in an error boundary.&lt;/p>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">export declare function withErrorBoundary&amp;lt;P = {}&amp;gt;(Component: ComponentType&amp;lt;P&amp;gt;, errorBoundaryProps?: Omit&amp;lt;ErrorBoundaryAlertProps, &amp;#39;children&amp;#39;&amp;gt;): ComponentType&amp;lt;P&amp;gt;;&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>withTheme</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/withtheme/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/withtheme/</guid><content><![CDATA[&lt;h2 id=&#34;withtheme-variable&#34;&gt;withTheme variable&lt;/h2&gt;
&lt;h3 id=&#34;withtheme-variable-1&#34;&gt;withTheme variable&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;withTheme: &amp;lt;P extends Themeable, S extends {} = {}&amp;gt;(Component: React.ComponentType&amp;lt;P&amp;gt;) =&amp;gt; React.FunctionComponent&amp;lt;Subtract&amp;lt;P, Themeable&amp;gt;&amp;gt; &amp;amp; S&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { withTheme } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="withtheme-variable">withTheme variable&lt;/h2>
&lt;h3 id="withtheme-variable-1">withTheme variable&lt;/h3>
&lt;p>&lt;b>Signature&lt;/b>&lt;/p>
&lt;div class="code-snippet ">&lt;div class="lang-toolbar">
&lt;span class="lang-toolbar__item lang-toolbar__item-active">typescript&lt;/span>
&lt;span class="code-clipboard">
&lt;button x-data="app_code_snippet()" x-init="init()" @click="copy()">
&lt;img class="code-clipboard__icon" src="/media/images/icons/icon-copy-small-2.svg" alt="Copy code to clipboard" width="14" height="13">
&lt;span>Copy&lt;/span>
&lt;/button>
&lt;/span>
&lt;div class="lang-toolbar__border">&lt;/div>
&lt;/div>&lt;div class="code-snippet ">
&lt;pre data-expanded="false">&lt;code class="language-typescript">withTheme: &amp;lt;P extends Themeable, S extends {} = {}&amp;gt;(Component: React.ComponentType&amp;lt;P&amp;gt;) =&amp;gt; React.FunctionComponent&amp;lt;Subtract&amp;lt;P, Themeable&amp;gt;&amp;gt; &amp;amp; S&lt;/code>&lt;/pre>
&lt;/div>
&lt;/div>
&lt;p>&lt;b>Import&lt;/b>&lt;/p></description></item><item><title>XYCanvas</title><link>https://grafana.com/docs/grafana/v8.4/packages_api/ui/xycanvas/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/packages_api/ui/xycanvas/</guid><content><![CDATA[&lt;h2 id=&#34;xycanvas-variable&#34;&gt;XYCanvas variable&lt;/h2&gt;
&lt;h3 id=&#34;xycanvas-variable-1&#34;&gt;XYCanvas variable&lt;/h3&gt;
&lt;p&gt;Renders absolutely positioned element on top of the uPlot&amp;rsquo;s plotting area (axes are not included!). Useful when you want to render some overlay with canvas-independent elements on top of the plot.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Signature&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;XYCanvas: React.FC&amp;lt;XYCanvasProps&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Import&lt;/b&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;typescript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-typescript&#34;&gt;import { XYCanvas } from &amp;#39;@grafana/ui&amp;#39;;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
]]></content><description>&lt;h2 id="xycanvas-variable">XYCanvas variable&lt;/h2>
&lt;h3 id="xycanvas-variable-1">XYCanvas variable&lt;/h3>
&lt;p>Renders absolutely positioned element on top of the uPlot&amp;rsquo;s plotting area (axes are not included!). Useful when you want to render some overlay with canvas-independent elements on top of the plot.&lt;/p></description></item></channel></rss>