# tabs.ts **[Source](https://github.com/ubugeeei-prod/ox-content/blob/main/npm/vite-plugin-ox-content/src/plugins/tabs.ts)** > 6 documented symbols. Read the signatures first, then expand each item for parameters, return types, and examples.
6 symbols 5 functions 1 modules 3 parameters 5 returns
## Reference
fngenerateTabsCSS(groupCount: number): stringGenerate dynamic CSS for :has() based tab switching. This is needed because :ha…1 paramreturns string

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

Signature

export function generateTabsCSS(groupCount: number): string

View source

Parameters

  • groupCount number

Returns

string
fngetTabGroupCounter(): numberRead the shared tab group counter. Other tab-like transforms (such as the packa…returns number

Read the shared tab group counter. Other tab-like transforms (such as the package-manager tabs) share this counter so data-group ids and the CSS generated by generateTabsCSS stay unique across a page.

Signature

export function getTabGroupCounter(): number

View source

Returns

number
fnresetTabGroupCounter(): voidReset tab group counter (for testing and per dev-server request).returns void

Reset tab group counter (for testing and per dev-server request).

Signature

export function resetTabGroupCounter(): void

View source

Returns

void
fnsetTabGroupCounter(value: number): voidSet the shared tab group counter (advanced by other tab-like transforms).1 paramreturns void

Set the shared tab group counter (advanced by other tab-like transforms).

Signature

export function setTabGroupCounter(value: number): void

View source

Parameters

  • value number

Returns

void
moduletabsTabs Plugin - Pure CSS implementation Transforms <Tabs>/<Tab> components into accessible HTML with CSS :has() based tab…

Tabs Plugin - Pure CSS implementation

Transforms <Tabs>/<Tab> components into accessible HTML with CSS :has() based tab switching (no JavaScript required).

The HTML rewrite is performed in Rust (transformTabsEmbeds in

View source

Tags

  • @ox-content/napi), replacing the previous rehype parse/stringify round-trip.
    The per-build group counter (consumed by generateTabsCSS) stays here and is
    advanced by the number of groups the Rust transform reports, so CSS
    generation still covers exactly the groups that were emitted.
fntransformTabs(html: string): Promise<string>Transform Tabs components in HTML.1 paramreturns Promise<string>

Transform Tabs components in HTML.

Signature

export async function transformTabs(html: string): Promise<string>

View source

Parameters

  • html string

Returns

Promise<string>