HoopsTabElement

class ui.tabs.HoopsTabElement()

A single tab panel component to be used within hoops-tabs.

This component represents a single tab with its label and content. It should always be used as a child of hoops-tabs.

Index

Constructors

Properties

Constructors

ui.tabs.HoopsTabElement.constructor()
HoopsTabElement(): HoopsTabElement

Returns: HoopsTabElement

Properties

ui.tabs.HoopsTabElement.styles

static

styles: CSSResult[]

Array of styles to apply to the element. The styles should be defined using the ? tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn’t support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include ‘unsafe-inline’ or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page’s HTML, before loading application code:

<script>
  // Generated and unique per request:
  window.litNonce = 'a1b2c3d4';
</script>
ui.tabs.HoopsTabElement.disabled
disabled: boolean

Whether the tab is disabled and cannot be selected.

ui.tabs.HoopsTabElement.label
label: string

The label text displayed in the tab header.

ui.tabs.HoopsTabElement.icon

optional

icon: string

Optional icon to display before the label in the tab header.

ui.tabs.HoopsTabElement.value

optional

value: string

Optional value identifier for the tab. Can be used with selectByValue() on the parent hoops-tabs.