# @askrjs/themes/tabs

> Published API exports for @askrjs/themes/tabs.

Source: [https://askrjs.com/docs/reference/api/themes/tabs](https://askrjs.com/docs/reference/api/themes/tabs)

Status: stable. Packages: @askrjs/themes/tabs.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 7 exports from the declarations shipped by @askrjs/themes.

### `Pill`

```ts
Pill: (props: PillProps) => JSX.Element
```

A router-aware link styled as a pill, auto-marked active by matching the current route, with an active background highlight.

### `Pills`

```ts
Pills: { (props: PillsProps): JSX.Element; (props: PillsAsChildProps): JSX.Element; }
```

Renders a `<nav>` wrapper (or, with `asChild`, merges onto a child) for a set of {@link Pill} links.

### `Tab`

```ts
Tab: (props: TabProps) => JSX.Element
```

A router-aware link styled as a tab, auto-marked active by matching the current route (see {@link NavLinkProps.match}).

### `Tabs`

```ts
Tabs: { (props: TabsProps): JSX.Element; (props: TabsAsChildProps): JSX.Element; }
```

Renders a `<nav>` wrapper (or, with `asChild`, merges onto a child) for a set of {@link Tab} links.

### `TabsContent`

```ts
TabsContent: (props: CatalogComponentProps) => JSX.Element
```

Styling-only tabs-content slot; visibility and panel association are consumer-owned.

### `TabsList`

```ts
TabsList: (props: CatalogComponentProps) => JSX.Element
```

Styling-only tabs-list slot; it does not own tab selection, ARIA state, or keyboard behavior.

### `TabsTrigger`

```ts
TabsTrigger: (props: CatalogComponentProps<HTMLButtonElement>) => JSX.Element
```

Styling-only trigger button; it does not select or associate a tab panel.

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/table/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/text/index.md)