TabsList

Overview

This component is a required subcomponent of Tabs. Its children should only be a number of TabsTrigger.

Examples

Basic Usage

Small screen layouts

Hard-coded to flip to stacked layout on screens narrower than breakpoint-xs-min. This may change in the future if more flexibility is needed, like how we treat ColumnLayout.

On the primary variant, the list also receives a border-top and border-bottom (color-neutral-300) at mobile widths to visually frame the stacked list.

Open in "Fullscreen" mode and minimize window to preview each variant on mobile.

Props

Import

import { TabsList } from '@im/integral/components/styled';