> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/screen-customization/tab-bar/general.md).

# General

<figure><img src="/files/uwlECFDeZjUqSsJNYxV4" alt=""><figcaption></figcaption></figure>

In this section, you can define general tab screen settings.&#x20;

* **Title**: Title will be displayed as tab title.
* **URL**: This will be the first page you can see while you open this tab.&#x20;
* **Unselected tab icon**: Icon image of the tab as shown in the image.
  * You can use PNG, JPG or JPEG format image. This icon will be used as selected and unselected icon if you didn't provide `Tab selected icon`.
  * You can chose an icon from our default icons library.

<figure><img src="/files/C9cdUaTexDItJ59uXfpW" alt="" width="188"><figcaption></figcaption></figure>

* **Selected tab icon:** This icon will be displayed for the active tab. Like in above image, Home tab is active tab right now and the rest are inactive.

### Bottom tab badge:

This can be used to show the badge for cart, notification, wishlist etc. When the item is added in the cart, the badge counter will be updated automatically.

**Tab Badge selector:**

Here, you need to put the selector for the counter. Refer to this table for choosing element identifier. <https://help.twinr.dev/screen-customization/remove-elements#example-of-elements>

<figure><img src="/files/oPmbTviUwH6XMVYQy98K" alt="" width="188"><figcaption></figcaption></figure>