Tabs

Exports

@mbsw/ui에서 가져올 수 있는 항목입니다.

Tabs
TabsContent
TabsList
TabsTrigger

Props

컴포넌트별 주요 속성입니다. 조건부 속성의 조합과 공통 HTML, Radix 속성은 아래 전체 타입에서 확인하세요.

TabsTrigger

TabsTrigger 속성
PropType필수 여부
leadingReactNode선택

Type reference

전체 타입 보기

속성 조합과 상속 속성을 포함한 TypeScript 선언입니다.

import { type ComponentPropsWithoutRef, type ReactNode } from 'react';

import { Tabs as TabsPrimitive } from 'radix-ui';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type TabsPrimitiveProps = Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'orientation'>;

type TabsListPrimitiveProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;

type TabsTriggerPrimitiveProps = Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, 'asChild'>;

type TabsContentPrimitiveProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;

export type TabsProps = TabsPrimitiveProps & DataAttributes;

export type TabsListProps = TabsListPrimitiveProps & DataAttributes;

export type TabsTriggerProps = TabsTriggerPrimitiveProps & DataAttributes & {
    leading?: ReactNode;
};

export type TabsContentProps = TabsContentPrimitiveProps & DataAttributes;

export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitiveProps & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerPrimitiveProps & DataAttributes & {
    leading?: ReactNode;
} & import("react").RefAttributes<HTMLButtonElement>>;

export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;