Tab List

Import

import {TabList} from '@astryxdesign/core/TabList';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

TabList provides tab-style navigation for organizing content into categorized sections. Use it to let users switch between related views without leaving the page, with overflow ...

Important props

Theming targets

Best practices

• DoKeep tab labels short and descriptive so users can quickly scan available sections.
• DoUse TabMenu to group overflow items when horizontal space is limited rather than scrolling tabs off-screen.
• DoWhen using hasDivider with action buttons alongside tabs, use a smaller button size (sm) so the actions don't overpower the tab row.
• Do notUse tabs for sequential steps or workflows; use a stepper or wizard pattern instead.