# TabMenu Switches between related views or navigation destinations. ```html Overview Settings ``` ## Attributes | Attribute | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `orientation` | `horizontal`, `vertical` | `"horizontal"` | Controls the menu layout. | | `value` | `string` | None | Gets or sets the selected item value. | ## Properties | Property | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `items` | `Array>` | `[]` | Defines tabs programmatically when declarative noora-tab-item children are not used. | ## Events | Event | Type | Description | | --- | --- | --- | | `noora-tab-change` | `CustomEvent<{ item: Record; value: unknown }>` | Emitted when an enabled tab is selected. | ## Slots | Slot | Description | | --- | --- | | `default` | Declarative noora-tab-item children. | ## Styling parts | Part | Description | | --- | --- | | `menu` | The menu container. | | `item` | Each tab item. | Selection emits a `noora-tab-change` event. ## Horizontal tabs Switch between sibling views. ```html General Settings Members ``` ## Vertical tabs Use labels with left, right, or paired icons. ```html Dashboard Analytics Settings Users ``` ## Vertical edge cases Handle especially long and short labels. ```html Very Long Tab Label That Might Wrap A ```