PHPackages                             matm/typeaheadbundle - 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. matm/typeaheadbundle

ActiveSymfony-bundle[Utility & Helpers](/categories/utility)

matm/typeaheadbundle
====================

This bundle provides a typeahead form input to your symfony forms based on Twitter Typeahead

v1.0(11y ago)41.1k2MITPHP

Since May 20Pushed 10y ago1 watchersCompare

[ Source](https://github.com/mathieumuller/TypeAheadBundle)[ Packagist](https://packagist.org/packages/matm/typeaheadbundle)[ RSS](/packages/matm-typeaheadbundle/feed)WikiDiscussions master Synced 1mo ago

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

MATM TYPEAHEADBUNDLE
====================

[](#matm-typeaheadbundle)

This bundle provides a typeahead input in your symfony forms based on **Twitter Typeahead**.

INSTALLATION
------------

[](#installation)

With composer, add the following line to your composer.json

```
{
    "require": {
        "matm/typeaheadbundle": "dev-master"
    }
}

```

And don't forget to enable it in you kernel

```
// app/AppKernel.php
public function registerBundles()
{
    $bundles = array(
        //...
        new MatM\Bundle\TypeAheadBundle\MatMTypeAheadBundle(),
        //...

```

CONFIGURATION
-------------

[](#configuration)

In your config.yml file just add these lines

```
# app/config/config.yml
twig:
    form:
        resources:
            - 'MatMTypeAheadBundle:Form:typeahead-form-theme.html.twig'
...
framework:
    templating:
        packages:
        cdnjs:
            base_urls:
                http: ['https://cdnjs.cloudflare.com/ajax/libs/']

```

FILES TO INCLUDE
----------------

[](#files-to-include)

In your base.html.twig file (or equivalent), just include default stylesheet (or you can create your own) :

```
{% stylesheets 'bundles/matmtypeahead/css/typeahead.css' %}

{% endstylesheets %}

```

typeahead bundle js files :

```

{% javascripts "@MatMTypeAheadBundle/Resources/public/js/TypeAhead/TypeAheadBundle.js" %}

{% endjavascripts %}

```

USAGE
-----

[](#usage)

In your controller action request your entity repository as you need, then call typeahead dataset maker with your results and choose which properties of your entity you want to use for the search and the display

```
// $results = the results of your own query
// "search_method" = the method of your target entity you want to use for the search
// "display_method" = the method of your target entity you want to use for the display
$list = $this->get("matm.dataset_maker")->makeTypeAheadDataset($results, "search_method", "display_method");

```

Then pass the list to your template

```
return $this->render(
    'MyBundle:MyController:my_template.html.twig',
    array(
        'form' => $form->createView(),
        'list' => $list
    )
);

```

And finally create a JS variable with it in your template

```
{% block javascripts %}

         var list = {{ list | json_encode | raw }};

{% endblock %}

```

In a JS file declare a document ready :

```
//list : your data list
//dataset_name : choose a name for your dataset
//#my_form_input_id : the id of the form input
// onSelectFunction : not mandatory->the function you wish to execute on value selection
$(document).ready(function(){
    TypeAheadBundle.typeAheadProcessor(list, "#my_form_input_id", onSelectFunction);
});

```

Now all you need to do is to call the typeahead input in your form buider class

```
$builder->add(
    'myProperty',
    'typeahead',
    array(
        "data_class" => 'Path\ToMy\Bundle\Entity\MyEntity',
        'label'    => 'my_label',
        'attr' => array("display" => "name"), //the property to display in case of hydrated form
    )
)

```

You can also use the widget even if you are not using it in a symfony form including it in your twig template

```
{% include "MatMTypeAheadBundle::matm_typeahead.html.twig" with {id: "choose_an_id", placeholder: 'choose_a_placeholder')} %}

```

Et voilà!

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity20

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

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

Unknown

Total

1

Last Release

4016d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/857f5c22853b4379e02e3842689d4ef8c3c625a7db01e164da8b0f581734da58?d=identicon)[mathieumuller](/maintainers/mathieumuller)

---

Top Contributors

[![mathieu-uppler](https://avatars.githubusercontent.com/u/59790615?v=4)](https://github.com/mathieu-uppler "mathieu-uppler (107 commits)")[![mathieu-axiocode](https://avatars.githubusercontent.com/u/10495120?v=4)](https://github.com/mathieu-axiocode "mathieu-axiocode (3 commits)")

---

Tags

typeahead autocomplete symfony form twitter

### Embed Badge

![Health badge](/badges/matm-typeaheadbundle/health.svg)

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

PHPackages © 2026

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