PHPackages                             daandelange/tabsfield - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. daandelange/tabsfield

ActiveKirby-plugin[Utility & Helpers](/categories/utility)

daandelange/tabsfield
=====================

A tabs field for the panel, to use with `when` conditions in field and section blueprints.

1.0.2(6mo ago)192MITVue

Since Nov 27Pushed 6mo ago2 watchersCompare

[ Source](https://github.com/Daandelange/kirby-TabsField)[ Packagist](https://packagist.org/packages/daandelange/tabsfield)[ Docs](https://github.com/daandelange/kirby-tabsfield)[ RSS](/packages/daandelange-tabsfield/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (1)Versions (6)Used By (0)

Kirby TabsField plugin
======================

[](#kirby-tabsfield-plugin)

A tabs field for the panel, to use with `when` conditions in field and section blueprints.

Features:

- Uses the native `k-tabs` panel component (slightly extended).
- Remembers the last open tab (using the browser's local storage).
- The field value is never saved in the content file (but present in the panel's form values).
- The field value is available for usage with `when` conditions (javascript).
- Tabs can have labels and icons.

Note: *As of version 1.0.0, this plugin doesn't use `KirbyContentHackModule` anymore. Thanks to Kirby4 panel changes, the implementation is way cleaner now.*

[![Screenshot of Kirby plugin: TabsField](tabsfield.gif)](tabsfield.gif)

Requirements
------------

[](#requirements)

Please refer to the following Kirby version compatibility table.

Kirby versionTabsField versionKirby 3.6+TabsField 0.1.0-beta+Kirby 4.0+*Unsupported*Kirby 5.0+TabsField 1.0.1+Installation
------------

[](#installation)

- **Manually**: Download and copy this repository to `/site/plugins/tabsfield`.
- **Git submodule**: `git submodule add https://github.com/daandelange/kirby-tabsfield.git site/plugins/tabsfield`
- **Composer**: `composer require daandelange/tabsfield`

Setup
-----

[](#setup)

Everything is scriptable trough blueprints.

1. Add one or multiple `tabs` field(s) to your fields sections, providing each of them with some `tabs`. [More information on native Kirby Tabs](https://getkirby.com/docs/guide/blueprints/layout#tabs).
    \*Note: As any kirby field, every tab field must have a unique key within your blueprint setup.
2. Add corresponding `when:` conditions to your [fields](https://getkirby.com/docs/guide/blueprints/fields#conditional-fields) and/or [sections](https://getkirby.com/docs/reference/panel/sections/pages#conditional-sections).

**Example / Tutorial:**

```
sections:
  fields:
    type: fields
    sticky: true
    fields:
      sidebartab:
        type: tabs
        # Tabs must have a name and a both optional label and icon
        tabs:
          - name: metainfo
            icon: tag
            label: Info
          - name: files
            icon: file
            label: Files
      categories:
        type: tags
        label: Categories
        # Shows this individual field when the metainfo tab is active
        when:
          sidebartab: metainfo
      author:
        type: users
        label: Author
        min: 1
        required: true
        # Shows this individual field when the metainfo tab is active
        when:
          sidebartab: metainfo
  files:
    type: files
    headline: File Manager
    # Shows this individual field when the files tab is active
    # (the same can be done with a files section)
    when:
      sidebartab: files
```

Options
-------

[](#options)

There are no options available yet. Would you like to contribute some ?

Development
-----------

[](#development)

- `pnpm install` : Install the required dependencies.
- `pnpm run dev` : Develop mode (listen/compile).
- `pnpm run build` : Compile for publishing.

License
-------

[](#license)

MIT - Free to use, free to improve !

However, for usage in commercial projects, please consider to improve the plugin a little and contribute back the changes with a PR, or hire someone to do so.

Credits
-------

[](#credits)

In loving memory of the Kirby 2 alternative : [Kirby-Tabs-Field](https://github.com/afbora/Kirby-Tabs-Field) by @afbora.

Author: [Daan de Lange](https://daandelange.com/)

###  Health Score

37

—

LowBetter than 83% of packages

Maintenance66

Regular maintenance activity

Popularity11

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~358 days

Total

5

Last Release

201d ago

Major Versions

0.1.1-beta → 1.0.02025-05-07

### Community

Maintainers

![](https://www.gravatar.com/avatar/1042ade2129860410fbad8fa2b0c5eb8059a3af12590091a5542b54d3781963d?d=identicon)[daandelange](/maintainers/daandelange)

---

Top Contributors

[![Daandelange](https://avatars.githubusercontent.com/u/1329784?v=4)](https://github.com/Daandelange "Daandelange (12 commits)")

---

Tags

kirby-cmskirby-fieldkirby-pluginkirby3kirby5kirby-pluginkirby-cmskirby5kirby3kirby-panel-pluginkirby-field-plugin

### Embed Badge

![Health badge](/badges/daandelange-tabsfield/health.svg)

```
[![Health](https://phpackages.com/badges/daandelange-tabsfield/health.svg)](https://phpackages.com/packages/daandelange-tabsfield)
```

###  Alternatives

[arnoson/kirby-vite

Vite helper for Kirby CMS

9759.2k3](/packages/arnoson-kirby-vite)[beebmx/kirby-env

Enable env variables to Kirby

2037.9k2](/packages/beebmx-kirby-env)[belugadigital/kirby-navigation

Kirby 5 field for hierarchical menus with drag & drop level indentation.

8713.4k](/packages/belugadigital-kirby-navigation)[bnomei/kirby3-dotenv

Kirby Plugin for environment variables from .env

4144.1k1](/packages/bnomei-kirby3-dotenv)[afbora/kirby-minify-html

Enable minify HTML output for Kirby

3816.0k1](/packages/afbora-kirby-minify-html)[bnomei/kirby3-recently-modified

Kirby Section to display recently modified content pages

309.3k](/packages/bnomei-kirby3-recently-modified)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)