% Auto-generated: do not edit by hand
\name{tabs}

\alias{tabs}

\title{Tabs component}

\description{
Custom wrapper for the react-tabs component. See https://github.com/reactjs/react-tabs
}

\usage{
tabs(children=NULL, id=NULL, arbitraryProps=NULL, className=NULL,
labels=NULL, tabIndex=NULL)
}

\arguments{
\item{children}{A list of or a singular dash component, string or number. Use the children prop to set the separate tab contents.
Children must be a list of elements that is the same length as the list
of labels in the labels prop.
The element's order in the children array determines which label it
is associated with.}

\item{id}{Character. The ID used to identify this component in Dash callbacks}

\item{arbitraryProps}{Named list. Object for placing all other props that
are supported by react-select but are not
explicitly defined here.
See https://github.com/reactjs/react-tabs

This is a workaround because Dash components
cannot accept props that aren't explicitly defined.
e.g.
        {
          'defaultFocus': True,
          'selectedTabClassName': 'active-tab' 
        }}

\item{className}{Character. Class name applied to top level wrapper for tabs and tab content.
The "mpc-tabs" class is added automatically}

\item{labels}{List of characters. List of strings to use as labels for the tabs.
The number of labels must equal the number of children (i.e. tab content items).}

\item{tabIndex}{Numeric. The current or default tabIndex to be active.
This value can be watched and changed from outside the component (e.g. via dash callback).}
}

\value{named list of JSON elements corresponding to React.js properties and their values}