feat: add hide field in TabItem type

2026-05-25 15:55:48 +00:00 · 2026-05-20 16:34:53 +07:00
parent 8d014a8fea
commit 9abb8b0b58
1 changed files with 14 additions and 11 deletions
@@ -6,6 +6,7 @@ export interface TabItem {
  label: ReactNode;
  content?: ReactNode;
  disabled?: boolean;
+  hide?: boolean;
 }

 export interface TabsProps
@@ -122,7 +123,8 @@ const Tabs = ({
    >
      <div className={getSideContentClasses()}>
        <div role='tablist' className={getTabsClasses()}>
-          {tabs.map(({ id, label, disabled }) => (
+          {tabs.map(({ id, label, disabled, hide }) =>
+            hide ? null : (
              <button
                key={id}
                role='tab'
@@ -132,7 +134,8 @@ const Tabs = ({
              >
                {label}
              </button>
-          ))}
+            )
+          )}
        </div>
        {sideContent && sideContent}
      </div>