close
Rspress
  • English

      • Tabs/Tab

      Tabs and Tab switch between multiple content panes.

      Usage

      Code blocks

      Props

      interface TabsProps {
  children: React.ReactNode;
  defaultValue?: string;
  groupId?: string;
  tabPosition?: 'left' | 'center';
}

interface TabProps {
  label: string;
  value?: string;
  children: React.ReactNode;
}

      Use defaultValue to preselect a tab (matches value); groupId syncs selection across multiple Tabs; tabPosition sets list alignment.