BaseTabsTrigger

import BaseTabsTrigger from "@wikicasa-dev/components/UIKit/Tab/v2/BaseTabsTrigger";

Part of the BaseTabs compound component: see the BaseTabs doc for the full composition. value (string or number) is required and must match a BaseTabsContent (or a computed panel value).

#Usage

<script setup lang="ts">
import BaseTabsTrigger from "@wikicasa-dev/components/UIKit/Tab/v2/BaseTabsTrigger";
</script>

<template>
  <!-- inside <BaseTabs><BaseTabsList> -->
  <BaseTabsTrigger value="affitto" style="white-space: nowrap">Affitto</BaseTabsTrigger>
</template>

#Do / Don't

• Default look: white background, 4px padding, 16px text, semibold when active. On a non-white container override it (style="background: transparent" or a class with !important).
• Style the active state with a [data-state="active"] selector; inactive triggers have data-state="inactive".
• disabled makes the tab unselectable but has no UIKit styling; add your own via the [data-disabled] attribute.
• Keep labels short (one or two words); icons go in the default slot next to the text.

#API

Generated from the component's types. Do not edit by hand.

Props

Name	Type	Default	Required	Description
dataCy	string
value	T		yes
disabled	boolean			When true, prevents the user from interacting with the tab.
asChild	boolean			Change the default rendered element for the one passed as a child, merging their props and behavior. Read our Composition guide for more details.
as	AsTag | Component			The element or component this component should render as. Can be overwritten by asChild.

Events

None.

v-model

None.

Slots

Name	Slot props
default

Exposed (template ref)

None.