## Feature Examples
### Types
- description: Use the type prop to change the behavior of the tab item:
tab can be used to organize settings into logical categories. action can be used as a button. title can be used to maintain structure between tab elements.
- example:
```jsx
Vertical Tab
Vertical Tab Action
Vertical Tab Title
;
```
### Affix
- description: Add more context to actions with affix icons:
Emphasize the tab action with a prefixIcon.Indicate that the tab will open a popover or navigate users to another page with a suffixIcon.
- example:
```jsx
}>Prefix icon
}>
Suffix icon
;
```
### Disabled
- description: Use the disabled prop to indicate that a tab can't be selected.
- example:
```jsx
Disabled tab
```
### Skin
- description: To specify the look of the item, use skin property:
premium- for the premium skin
- example:
```jsx
() => {
const [activeTabId, setActiveTabId] = React.useState(0);
return (
Default tab item
Premium tab item
Premium disabled
);
};
```