## Tabs
### Semantic Parts
- root（`semantic-mark-root`）: Root element with basic tab container styles, layout and direction control
- item（`semantic-mark-item`）: Item element with relative positioning, padding, colors, text ellipsis, border-radius, transitions and other tab item styles and interactive effects
- remove（`semantic-mark-remove`）: Remove button element with editable tab close button size, color, hover state and other interactive feedback styles
- header（`semantic-mark-header`）: Header element with tab navigation header layout, background, borders and other styles
- indicator（`semantic-mark-indicator`）: Indicator element with indicator bar color, position, dimensions, transitions and other active state indication styles
- body（`semantic-mark-body`）: Body element with tab panel container layout, animation and size control styles
- content（`semantic-mark-content`）: Content element with single tab panel layout, padding and other content display styles
- popup.root（`semantic-mark-popup-root`）: Popup menu element with dropdown absolute positioning, z-index, display control, max-height, scrolling and other styles
### Usage Example
```tsx
```
### Abstract DOM Structure
```html
```