FoskyM / flarum-mobile-tab

Flarum extension. Adds a bottom tab on mobile

Home Page:https://discuss.flarum.org/d/28216-mobile-tab

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mobile Tab Component

License Latest Stable Version Total Downloads

A Flarum extension. Adds a bottom tab on mobile.

Imgur

Installation

Install with composer:

composer require acpl/mobile-tab:"*"

Updating

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

Extending

You can add, modify and delete items with your own extension. Read: https://docs.flarum.org/extend/extending-extensions/

Examples:

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

const { MobileTab, MobileTabItem } = components;

export default () => {
  extend(MobileTab.prototype, 'items', (items) => {
    // Add new item
    items.add(
      'following',
      <MobileTabItem href={app.route('following')} icon="fas fa-star" label={app.translator.trans('my-ext.forum.my-item')} />,
      90
    );

    // Add new item using custom HTML
    items.add('my-item', <div>...This is my custom item</div>, 70);

    // Remove item
    items.remove('home');
  });
};

Links

About

Flarum extension. Adds a bottom tab on mobile

https://discuss.flarum.org/d/28216-mobile-tab

License:MIT License


Languages

Language:TypeScript 56.5%Language:Less 29.9%Language:JavaScript 7.5%Language:PHP 6.0%