tabs.ts

Source

8 documented symbols. Read the signatures first, then expand each item for parameters, return types, and examples.

Reference

fncreateFallbackElement(tabs: TabData[]): ElementCreate fallback HTML using <details> elements.

Create fallback HTML using <details> elements.

View source

Parameters

  • tabs TabData[]

Returns

Element
fncreateTabsElement(tabs: TabData[], groupId: string): ElementCreate the HTML structure for tabs.

Create the HTML structure for tabs.

View source

Parameters

  • tabs TabData[]
  • groupId string

Returns

Element
fngenerateTabsCSS(groupCount: number): stringGenerate dynamic CSS for :has() based tab switching. This is needed because :ha…

Generate dynamic CSS for :has() based tab switching. This is needed because :has() selectors need unique IDs.

View source

Parameters

  • groupCount number

Returns

string
fngetAttribute(el: Element, name: string): string | undefinedGet element attribute value.

Get element attribute value.

View source

Parameters

  • el Element
  • name string

Returns

string | undefined
fnparseTabChildren(children: Element["children"]): TabData[]Parse Tab elements from Tabs children.

Parse Tab elements from Tabs children.

View source

Parameters

  • children unknown

Returns

TabData[]
fnrehypeTabs()Rehype plugin to transform Tabs components.

Rehype plugin to transform Tabs components.

View source

fnresetTabGroupCounter(): voidReset tab group counter (for testing).

Reset tab group counter (for testing).

View source

Returns

void
fntransformTabs(html: string): Promise<string>Transform Tabs components in HTML.

Transform Tabs components in HTML.

View source

Parameters

  • html string

Returns

Promise