PHPackages                             armahloji/mobile-tab - 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. armahloji/mobile-tab

ActiveFlarum-extension[Utility & Helpers](/categories/utility)

armahloji/mobile-tab
====================

04TypeScript

Since Oct 19Pushed 1y agoCompare

[ Source](https://github.com/armahloji/mobile-tab)[ Packagist](https://packagist.org/packages/armahloji/mobile-tab)[ RSS](/packages/armahloji-mobile-tab/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependenciesVersions (1)Used By (0)

Mobile Tab Component
====================

[](#mobile-tab-component)

[![License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667) [![Latest Stable Version](https://camo.githubusercontent.com/67927d8b3a519e3aa2f938688a9459aa7a824d8f7cf7fc6a811507fe15269283/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6163706c2f6d6f62696c652d7461622e737667)](https://packagist.org/packages/acpl/mobile-tab) [![Total Downloads](https://camo.githubusercontent.com/e13cdbac355ab73afa37b8c3647237cbb44e8ef9c8113865776fb86b858b1ae6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6163706c2f6d6f62696c652d7461622e737667)](https://packagist.org/packages/acpl/mobile-tab) [![GitHub Sponsors](https://camo.githubusercontent.com/5c68940361d1e0d29b21caab7c8c56a3eacd733d5825f1331e17ea69f5e105ba/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d2545322539442541342d2532336462363161322e7376673f266c6f676f3d676974687562266c6f676f436f6c6f723d7768697465266c6162656c436f6c6f723d313831373137)](https://github.com/android-com-pl/mobile-tab?sponsor=1)

A [Flarum](https://flarum.org) extension. Adds a bottom tab on mobile.

[![Imgur](https://camo.githubusercontent.com/e4932078db6535db20811cb23c9d5c962f4f02b3b35a4dad2581baf33d4b56e6/68747470733a2f2f692e696d6775722e636f6d2f514772575179502e706e67)](https://camo.githubusercontent.com/e4932078db6535db20811cb23c9d5c962f4f02b3b35a4dad2581baf33d4b56e6/68747470733a2f2f692e696d6775722e636f6d2f514772575179502e706e67)

### Installation

[](#installation)

Install with composer:

```
composer require acpl/mobile-tab
```

### Updating

[](#updating)

```
composer update acpl/mobile-tab
php flarum cache:clear
```

### Extending

[](#extending)

You can add, modify, and delete items in the mobile tab using your own extension. Read:

1. Install `acpl/mobile-tab` as your extension's composer dependency or add it as an [optional dependency](https://docs.flarum.org/extend/extending-extensions/#optional-dependencies) in your `composer.json`.
2. Add `acpl-mobile-tab` to your extension's **webpack.config.js** to ensure proper bundling:

```
const config = require("flarum-webpack-config");

module.exports = config({
  useExtensions: ["acpl-mobile-tab"],
});
```

3. You can now import and use mobile tab components in your extension. Here are some **examples** of how to modify the mobile tab:

```
import { components } from "@acpl-mobile-tab";
import { extend } from "flarum/common/extend";

const { MobileTab, MobileTabItem } = components;

export default () => {
  // Extend the items method of MobileTab prototype
  extend(MobileTab.prototype, "items", (items) => {
    // Add new item
    items.add(
      "following",
      ,
      90,
    );

    // Add new item using custom HTML
    items.add("my-item", ...This is my custom item, 70);

    // Remove item
    items.remove("home");
  });
};
```

If you are using TypeScript, add the following path to your [tsconfig.json](https://github.com/flarum/flarum-tsconfig/blob/main/README.md) to enable type hints for the mobile tab components in your code editor:

```
{
  "extends": "flarum-tsconfig",
  "compilerOptions": {
    "paths": {
      "@acpl-mobile-tab": [
        "./vendor/acpl/mobile-tab/js/dist-typings/index.d.ts"
      ]
    }
  }
}
```

### Links

[](#links)

- [Packagist](https://packagist.org/packages/acpl/mobile-tab)
- [GitHub](https://github.com/android-com-pl/mobile-tab)
- [Discuss](https://discuss.flarum.org/d/28216-mobile-tab)

###  Health Score

15

—

LowBetter than 3% of packages

Maintenance28

Infrequent updates — may be unmaintained

Popularity3

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity17

Early-stage or recently created project

 Bus Factor1

Top contributor holds 64% 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/183583699?v=4)[armahloji](/maintainers/armahloji)[@armahloji](https://github.com/armahloji)

---

Top Contributors

[![rafaucau](https://avatars.githubusercontent.com/u/25438601?v=4)](https://github.com/rafaucau "rafaucau (55 commits)")[![flarum-bot](https://avatars.githubusercontent.com/u/39334649?v=4)](https://github.com/flarum-bot "flarum-bot (13 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (9 commits)")[![FoskyM](https://avatars.githubusercontent.com/u/39661663?v=4)](https://github.com/FoskyM "FoskyM (3 commits)")[![armahloji](https://avatars.githubusercontent.com/u/183583699?v=4)](https://github.com/armahloji "armahloji (2 commits)")[![StyleCIBot](https://avatars.githubusercontent.com/u/11048387?v=4)](https://github.com/StyleCIBot "StyleCIBot (1 commits)")[![jaggy](https://avatars.githubusercontent.com/u/1993075?v=4)](https://github.com/jaggy "jaggy (1 commits)")[![stilic](https://avatars.githubusercontent.com/u/63605602?v=4)](https://github.com/stilic "stilic (1 commits)")[![Stilic](https://avatars.githubusercontent.com/u/63605602?v=4)](https://github.com/Stilic "Stilic (1 commits)")

### Embed Badge

![Health badge](/badges/armahloji-mobile-tab/health.svg)

```
[![Health](https://phpackages.com/badges/armahloji-mobile-tab/health.svg)](https://phpackages.com/packages/armahloji-mobile-tab)
```

PHPackages © 2026

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