Tabs
The
<Tabs>
<Tab>
<Tab>
Example
The tab component can be used for a variety of content. From text, to images, to columns. If you want to have multiple columns, you’ll need to use our
Row
Column
If your content is full width, you don’t need
Row
Column
Column one
Column two
Code
TextSingle image// Start with the wrapper component (Tabs)<Tabs><Tab label="Text">The tab component can be used for a variety of content. From text, to images, tocolumns. If you want to have multiple columns, you’ll need to use our `Row` and`Column` helpers as demonstrated in the "Two images" tab.
Multiple images<Tab label="Single image">If your content is full width, you don’t need `Row` and `Column` ![colorarray](images/colors.jpg)</Tab>
<Tab label="Two images"><Row><Column colSm={6} colLg={6}>Column one![color array](images/colors.jpg)