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.

Examples

<hoops-tab label="Settings" value="settings">
  <div>Settings content here</div>
</hoops-tab>

Custom Element

hoops-tab

Attributes

label

The label text displayed in the tab header

value

Optional value identifier for the tab

icon

Optional icon to display in the tab header

disabled

Whether the tab is disabled

Slots

- Default slot for the tab panel content

Since

2026.1.0

Index

Constructors

Properties

Constructors

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

Returns: HoopsTabElement

Properties

ui.tabs.HoopsTabElement.disabled
disabled: boolean

Whether the tab is disabled and cannot be selected.

Default

```ts false ```

ui.tabs.HoopsTabElement.label
label: string

The label text displayed in the tab header.

Default

```ts '' ```

ui.tabs.HoopsTabElement.icon

optional

icon: string

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

Default

```ts undefined ```

ui.tabs.HoopsTabElement.value

optional

value: string

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

Default

```ts undefined ```