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