# TabsTrigger

> `TabsTrigger` is part of the Navigation set, imported from `@jcsoftdev/ui/navigation`.

Source: https://ui.jcsoftdev.com/docs/components/tabs-trigger

`TabsTrigger` is part of the Navigation set, imported from `@jcsoftdev/ui/navigation`.

## Import

```ts
import { TabsTrigger } from "@jcsoftdev/ui/navigation";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/navigation/tabs`.

## Usage

```tsx
export const Default: Story = {};
```

_Source of the Storybook story._

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `count` | `number` |  | Optional record count shown after the label. |

`*` marks a required prop.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/navigation-tabs--default)
- [With Counts](/storybook/?path=/story/navigation-tabs--with-counts)
- [Disabled Tab](/storybook/?path=/story/navigation-tabs--disabled-tab)
- [Controlled](/storybook/?path=/story/navigation-tabs--controlled)
- [Narrow](/storybook/?path=/story/navigation-tabs--narrow)

## Source

`packages/ui/src/navigation/tabs/tabs.tsx`