https://github.com/eminos/statamic-tabs

A Statamic addon to add a Tab Fieldtype. Add tabs anywhere you have other fields!
https://github.com/eminos/statamic-tabs

plugin statamic statamic-addon statamic-v3 statamic-v4 statamic-v5 tabs

Last synced: 2 months ago
JSON representation

A Statamic addon to add a Tab Fieldtype. Add tabs anywhere you have other fields!

• Host: GitHub
• URL: https://github.com/eminos/statamic-tabs
• Owner: eminos
• License: mit
• Created: 2023-09-22T14:04:09.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2026-01-13T10:53:19.000Z (2 months ago)
• Last Synced: 2026-01-13T13:44:12.987Z (2 months ago)
• Topics: plugin, statamic, statamic-addon, statamic-v3, statamic-v4, statamic-v5, tabs
• Language: Vue
• Homepage:
• Size: 250 KB
• Stars: 14
• Watchers: 2
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Statamic Tabs

A Statamic addon to add a Tab Fieldtype. Add tabs anywhere you have other fields!

![Screenshot of Tabs](docs/screenshot1.png)

## Installation

Install this addon using composer.

```cli

composer require eminos/statamic-tabs

```

## Statamic support

| Statamic version | Addon version | Addon branch |

| --- | --- | --- |

| Statamic 5 | `1.x` | `1.x` |

| Statamic 6 | `2.x` | `main` |

## Features

- Add Tabs anywhere you need them. Entry, side panel, Replicator set, Bard set, Global set, etc...

- Doesn't touch your other field data, ie. the data is not scoped.

- Conditionally show/hide a tab. You add the conditions just as with any other field.

- Optionally add an icon to the tab.

- You can search and pick an Iconify icon (over 150 000 icons!) if you have the [Iconify Addon](https://github.com/eminos/statamic-iconify) installed.

## Usage

You just add a Tab field wherever you want to start a new tab. 

All the fields that comes after it (and that are not an other tab field) will end up in that tab.

![Screenshot of the blueprint editing with added tabs](docs/screenshot2.png)

## Possible improvements

- Show if there are validation errors on a field inside a tab

- Nested tabs?!

- Improve accessibility, keyboard navigation etc.

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.