---
id: 4535
title: Ui styles for tab component
state: CLOSED
labels:
  - enhancement
  - stale
assignees: []
createdAt: '2023-07-11T10:16:08Z'
updatedAt: '2024-09-13T02:29:44Z'
githubUrl: 'https://github.com/neomjs/neo/issues/4535'
author: mxmrtns
commentsCount: 2
parentIssue: null
subIssues: []
subIssuesCompleted: 0
subIssuesTotal: 0
blockedBy: []
blocking: []
closedAt: '2024-09-13T02:29:43Z'
---
# Ui styles for tab component

I WOULD LIKE TO REQUEST THE OPTION TO HAVE TWO DIFFERENT STYLES FOR TABS (SEE EXAMPLES BELOW)
<img width="1242" alt="image" src="https://github.com/neomjs/neo/assets/19474089/25a1778c-6bba-4358-b7a0-3b795f4b7cf8">


To achieve that style change, the following attributes would need to be exposed:

**Tab-strip**
- background-color
- height

**active-tab-indicator**
- background-color
- height

**tab-button**
- border
- height
- padding
- color
- font-weight
- font-family
- text-decoration

&:hover
- background-color

&:active
- background-color

&:focus 
- outline

&:disabled 
- color

**tab-button-selected**
- color
- font-weight
- - text-decoration

## Timeline

- 2023-07-11T10:16:08Z @mxmrtns added the `enhancement` label
### @github-actions - 2024-08-29T02:27:07Z

This issue is stale because it has been open for 90 days with no activity.

- 2024-08-29T02:27:07Z @github-actions added the `stale` label
### @github-actions - 2024-09-13T02:29:42Z

This issue was closed because it has been inactive for 14 days since being marked as stale.

- 2024-09-13T02:29:43Z @github-actions closed this issue

