Tabs

Tabs are used to organize content by grouping similar information on the same page.

View source code

Tabs

  • children
    ReactNode[]

    The children of the element. Should include TabList and TabPanels elements.

  • defaultTabIndex
    number

    Make a tab initially active.

    Default: 0
  • onChange
    (index: number) => void

    Returns the active tab's index whenever the user changes tabs

  • tabIndex
    number

    To control tabs' state

TabList

  • children
    ReactNode[]

    The Tab items to display

  • className
    string

    className for the element

  • isFitted
    boolean

    Whether the TabList should fit the container

    Default: false

Tab

  • children
    ReactNode

    The content to display as Tab

  • className
    string

    className for the element

TabPanels

  • children
    ReactNode[]

    The tab panels to display