# Sidebar tab

**Reusable name:** sidebar\_tab

![](/files/D25pbIbGlJJaEmJFGejT)

**Overview:** Used as sidebar tabs in the admin page and standard portal pages. You can copy and paste an existing sidebar\_tab and define the [reusable element properties](https://manual.bubble.io/core-resources/elements/reusable-elements#reusable-element-properties) below:

**Icon**\
Tab feather icon

**Tab text**\
Tab name (e.g. Users or Data type 1 from the image above)\
This will be used as the tab's name and as a parameter in the url (\&tab=Tab text)

**Default tab color**\
Default tab background color

**Selected tab color**\
Tab background color for a selected tab (e.g. Blue tab in image above)

**Hovered tab color**\
Tab background color for a hovered tab (e.g. Gray tab in image above)

**Selected font color**\
Font and icon color for select tab

**Hovered font color**\
Font and icon color for hovered tab

**Show subtab (y/n)**\
If selected, a chevron icon will show next to the Tab text

**Subtabs (string of text)**\
Utilize Bubble's `arbitrary text` to pass and parse a string of subtab text

**Notifications (number)**\
If this value is not empty, a notifications badge with a count number will show<br>

<figure><img src="/files/DfH9vdVux7jrlMW8PU72" alt=""><figcaption><p>Example of defining a list of subtabs using 'Arbitrary text'</p></figcaption></figure>

**Workflows**: Workflows to navigate to tab or subtab are included in this reusable element:

* Clicking on a tab will append tab=**Tab text** to the url
* Clicking on a subtab will append **sub=Subtab text** to the url

**How to setup**\
To show different content groups for each selected tab, you will add a conditional statement to the content group similar to the one below on the admin page or other portal pages:

![](/files/6FioxcvwqopCGngQjOeP)

or 'Get tab from page URL is sidebar\_tab's text'


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.airdev.co/canvas/5.3/canvas-functionality/reference/reusable-elements/sidebar-tab.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.