Tabs/TabsTrigger.vue

reka-ui · packages/core/src/Tabs/TabsTrigger.vue · vue · MIT
ui

Tab trigger component for managing tab selection and focus in UI interfaces.

<!--
  Source: https://github.com/unovue/reka-ui | License: MIT | Copyright 2023 UnoVue
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script lang="ts">
import type { PrimitiveProps } from '@/Primitive'
import type { StringOrNumber } from '@/shared/types'
import { useForwardExpose } from '@/shared'

export interface TabsTriggerProps extends PrimitiveProps {
  /** A unique value that associates the trigger with a content. */
  value: StringOrNumber
  /** When `true`, prevents the user from interacting with the tab. */
  disabled?: boolean
}
</script>

<script setup lang="ts">
import { computed } from 'vue'
import { Primitive } from '@/Primitive'
import { RovingFocusItem } from '@/RovingFocus'
import { injectTabsRootContext } from './TabsRoot.vue'
import { makeContentId

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key