PHPackages awcodes/typebar - 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. [Parsing & Serialization](/categories/parsing) 4. / 5. awcodes/typebar ActiveLibrary[Parsing & Serialization](/categories/parsing) awcodes/typebar =============== Mobile Markdown symbol row for the Filament Markdown editor. v0.1.1(2w ago)344MITPHPPHP ^8.2CI failing Since May 2Pushed 2w agoCompare [ Source](https://github.com/awcodes/typebar)[ Packagist](https://packagist.org/packages/awcodes/typebar)[ Docs](https://github.com/awcodes/typebar)[ GitHub Sponsors](https://github.com/awcodes)[ RSS](/packages/awcodes-typebar/feed)WikiDiscussions main Synced 1w ago READMEChangelog (2)Dependencies (12)Versions (4)Used By (0) Typebar ======= [](#typebar) A mobile-friendly Markdown symbol row for Filament's native `MarkdownEditor`. Typebar behaves like a keyboard accessory row — tapping a key inserts the literal character at the cursor position. [![Latest Version](https://camo.githubusercontent.com/fc8ca0ffd8c8e6ea2bf4cc1faf8dab192215bb6d3e2c135d8e5f085a70f4d5a4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f6177636f6465732f747970656261722e7376673f7374796c653d666c61742d73717561726526636f6c6f723d626c7565266c6162656c3d52656c65617365)](https://github.com/awcodes/typebar/releases)[![MIT Licensed](https://camo.githubusercontent.com/a7e65aee57b11d28e4caff8b945729a66be0bb663f7f93bd24c5aa65699f148e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c61742d737175617265)](LICENSE.md)[![Total Downloads](https://camo.githubusercontent.com/e7ad395902e854ccb75ed4becce536123e02b3511ca5ed37fdcf3e1d5f48454d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6177636f6465732f747970656261722e7376673f7374796c653d666c61742d73717561726526636f6c6f723d626c7565266c6162656c3d446f776e6c6f616473)](https://packagist.org/packages/awcodes/typebar)[![GitHub Repo stars](https://camo.githubusercontent.com/286ca02173799eed0ce9060e676859265cf17428d33cc558ec62ca04937a7b44/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6177636f6465732f747970656261723f7374796c653d666c61742d73717561726526636f6c6f723d626c7565266c6162656c3d5374617273)](https://github.com/awcodes/typebar/stargazers)[![Filament Version](https://camo.githubusercontent.com/6f2fd65a4890f272c116090e41b7fd5c76b85e7654142c1821ca229396e03dd1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f46696c616d656e742d342e78253246352e782d6439373730362e7376673f7374796c653d666c61742d737175617265)](https://filamentphp.com/docs/4.x/panels/installation) Warning Typebar is currently a work in progress. Do not use in production yet. Please report any issues you encounter to help us stabilize the package. Requirements ------------ [](#requirements) - PHP 8.2+ - Filament v4 or v5 Installation ------------ [](#installation) Install the package via Composer: ``` composer require awcodes/typebar ``` Publish the config file: ``` php artisan vendor:publish --tag="typebar-config" ``` Usage ----- [](#usage) ### Basic [](#basic) Add `->typebar()` to any `MarkdownEditor` field to enable the symbol row: ``` use Filament\Forms\Components\MarkdownEditor; MarkdownEditor::make('content') ->typebar() ``` ### Custom keys [](#custom-keys) Pass an array of characters to override the default key set for a specific field: ``` MarkdownEditor::make('content') ->typebar(['*', '_', '[', ']', '(', ')', '`']) ``` ### Pairs [](#pairs) Use `->typebarPairs()` to define character pairs. When a paired key is tapped, both characters are inserted and the cursor is placed between them: ``` MarkdownEditor::make('content') ->typebar() ->typebarPairs([ '(' => ')', '[' => ']', '`' => '`', ]) ``` ### Collapsible [](#collapsible) Use `->typebarCollapsible()` to let users collapse the symbol row down to a single toggle button. The collapsed/expanded state is saved to `localStorage` so it persists across page loads: ``` MarkdownEditor::make('content') ->typebar() ->typebarCollapsible() ``` Pass `false` to explicitly disable collapsing on a field when it is enabled at the plugin or config level: ``` MarkdownEditor::make('content') ->typebar() ->typebarCollapsible(false) ``` Note `->typebarCollapsible()` must be called before `->typebar()` when chaining both on the same field, because Filament resolves the first-registered attribute value. Alternatively, enable collapsible at the plugin or config level and it will apply automatically whenever `->typebar()` is called. Panel Plugin ------------ [](#panel-plugin) Register the plugin in your panel provider to set panel-level defaults: ``` use Awcodes\Typebar\TypebarPlugin; use Filament\Panel; public function panel(Panel $panel): Panel { return $panel ->plugin( TypebarPlugin::make() ->keys(['*', '_', '[', ']', '(', ')', '`']) ->pairs([ '(' => ')', '[' => ']', '`' => '`', ]) ->mobileOnly() ->collapsible() ); } ``` The plugin is optional. Without it, the package falls back to the published config values. ### `mobileOnly()` [](#mobileonly) By default Typebar only appears on coarse-pointer (touch) devices. Pass `false` to show it on all devices: ``` TypebarPlugin::make() ->mobileOnly(false) ``` ### `collapsible()` [](#collapsible-1) Allow users to collapse the symbol row to a single toggle button. The preference is saved in `localStorage`: ``` TypebarPlugin::make() ->collapsible() ``` Configuration Priority ---------------------- [](#configuration-priority) Options resolve in this order, from highest to lowest priority: 1. Field-level methods (`->typebar([...])`, `->typebarPairs([...])`, `->typebarCollapsible()`) 2. Plugin fluent options (`TypebarPlugin::make()->keys([...])->pairs([...])->collapsible()`) 3. Published config values (`config/typebar.php`) Configuration ------------- [](#configuration) ``` // config/typebar.php return [ 'keys' => [ '#', '*', '_', '!', '`', '[', ']', '(', ')', '{', '}', '', '-', '|', '~', '@', '$', ':', '=', '/', '"', "'", ], 'pairs' => [ // '(' => ')', // '[' => ']', // '`' => '`', ], 'mobile_only' => true, 'collapsible' => false, ]; ``` Testing ------- [](#testing) ``` composer test ``` Contributing ------------ [](#contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](.github/SECURITY.md) on how to report security vulnerabilities. Credits ------- [](#credits) - [Adam Weston](https://github.com/awcodes) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 41 — FairBetter than 87% of packages Maintenance96 Actively maintained with recent releases Popularity15 Limited adoption so far Community9 Small or concentrated contributor base Maturity38 Early-stage or recently created project Bus Factor1 Top contributor holds 88.9% 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 ~18 days Total 2 Last Release 19d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/3596800?v=4)[Adam Weston](/maintainers/awcodes)[@awcodes](https://github.com/awcodes) --- Top Contributors [![awcodes](https://avatars.githubusercontent.com/u/3596800?v=4)](https://github.com/awcodes "awcodes (16 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (1 commits)") --- Tags filamentfilament-pluginlaravelmarkdownfilamentawcodes ### Code Quality TestsPest Static AnalysisPHPStan, Rector Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/awcodes-typebar/health.svg) ``` [![Health](https://phpackages.com/badges/awcodes-typebar/health.svg)](https://phpackages.com/packages/awcodes-typebar) ``` ### Alternatives [rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3913.7k](/packages/rawilk-profile-filament-plugin)[awcodes/filament-curator A media picker plugin for FilamentPHP. 436333.6k24](/packages/awcodes-filament-curator)[awcodes/filament-quick-create Plugin for Filament Admin that adds a dropdown menu to the header to quickly create new items. 249203.6k11](/packages/awcodes-filament-quick-create)[stephenjude/filament-jetstream A Laravel starter kit built with Filament inspired by Jetstream. 17758.9k2](/packages/stephenjude-filament-jetstream)[stephenjude/filament-two-factor-authentication Filament Two Factor Authentication: Google 2FA + Passkey Authentication 84192.9k7](/packages/stephenjude-filament-two-factor-authentication)[marcelweidum/filament-passkeys Use passkeys in your filamentphp app 6643.3k](/packages/marcelweidum-filament-passkeys) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)