> ## Documentation Index
> Fetch the complete documentation index at: https://docs.suprsend.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Multi Tabs

> Learn how to set up stores to filter and display notifications in separate inbox tabs such as Read, Unread, and more.

## Define stores in SDK

For supporting multiple tabs, list of stores need to be defined while initializing inbox SDK. If stores is ignored you can get all notifications.

## How to configure tags for tabs

To show notifications in tabs based on tags:

1. **Add tags in Inbox template**: Go to your Inbox template → **Advanced configuration** → **Tags** section and add the tag (e.g., `mentions`). After publishing the template, you can click on the tag to copy it.

2. **Configure tags in Inbox config**: In your Inbox configuration, pass the tag in the query as `tags: "mentions"` (or use an array for multiple tags like `tags: ["mentions", "replies"]`).

<Note>
  **Important**: Tags in workflow are used to group or filter similar workflows on the workflow listing page. Tags filter inside Inbox works on the tags provided in the Inbox template, not workflow tags.
</Note>

<CodeGroup>
  ```javascript IStore theme={"system"}
  interface IStore {
    storeId: string
    label?: string
    query?: {
      tags?: string | string[]
      categories?: string
      read?: boolean
      archived?: boolean
    }
  }
  ```
</CodeGroup>

| Property   | Description                                                                                                                                                                                                                                                                                              |
| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| storeId    | Unique identifier that identifies the store from list of stores. This can be any string.                                                                                                                                                                                                                 |
| label      | This is used to show name on Tab for that store. If not provided storeId will be shown on tab, if you are using inbox with SuprSend's UI.                                                                                                                                                                |
| query      | depending on use case you can design query for grouping inbox notifications in specific store/tab. Ignore this field if you want to get all notifications.                                                                                                                                               |
| tags       | Pass string or array of string to filter notifications that only has any one of those tags. Ignore this field to get all notifications irrespective of tags. You can add tags while designing inbox template inside Advanced configuration section. After publishing it you can click on tag to copy it. |
| categories | Filter notifications based on notification category. Ignore this field to get all notifications irrespective of category.                                                                                                                                                                                |
| read       | Used to get all notifications which are in read state. Ignore this field to get all notifications irrespective of read status.                                                                                                                                                                           |
| archived   | Used to get all notifications which are archived. Ignore this field to get all unarchived notifications.                                                                                                                                                                                                 |

<CodeGroup>
  ```javascript Example with tags theme={"system"}
  stores = [
    { storeId: "all", label: "All" },
    { storeId: "mentions", label: "Mentions", query: { tags: "mentions" } },
    { storeId: "archived", label: "Archived", query: { archived: true } }
  ]
  ```

  ```javascript Example with multiple filters theme={"system"}
  stores = [{ storeId: "testing", label: "Test", query: { categories: "transactional" , read:true, tags:["profile", "user"]} }]
  ```
</CodeGroup>

The first example shows how to create tabs for "All", "Mentions" (filtered by `mentions` tag), and "Archived" notifications. The second example gets notifications which belong to transactional category and in read state and has profile or user tag.

***