maru_design2 3.0.2 → 3.1.1

package/dist/components/molecules/tabs/Tabs.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import './tabs.scss';
+export type TabsVariant = 'line' | 'button';
+export type TabsSize = 'compact' | 'comfortable';
 export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * 현재 선택된 탭의 값
@@ -9,6 +11,10 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
      * 선택된 탭이 변경될 때 호출되는 함수
      */
     onChange: (value: string) => void;
+    /** 라인형 또는 버튼형 탭. 기본값은 line입니다. */
+    variant?: TabsVariant;
+    /** 라인형 탭의 좌우 간격. 버튼형은 항상 Comfortable 규격입니다. */
+    size?: TabsSize;
     /**
      * 탭이 컨테이너 너비를 동일한 비율로 채울지 여부
      */