Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/spatie/laravel-navigation
Manage menus, breadcrumbs, and other navigational elements in Laravel apps
https://github.com/spatie/laravel-navigation
laravel php
Last synced: 6 days ago
JSON representation
Manage menus, breadcrumbs, and other navigational elements in Laravel apps
- Host: GitHub
- URL: https://github.com/spatie/laravel-navigation
- Owner: spatie
- License: mit
- Created: 2020-05-13T13:48:52.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-09-20T13:16:12.000Z (4 months ago)
- Last Synced: 2024-12-29T09:02:11.494Z (13 days ago)
- Topics: laravel, php
- Language: PHP
- Homepage:
- Size: 85.9 KB
- Stars: 502
- Watchers: 14
- Forks: 34
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
- awesome-inertiajs - Navigation - Laravel package for generating menus, breadcrumbs and other navigational elements. (Resources / Packages)
README
[
](https://supportukrainenow.org)
# Manage menus, breadcrumbs, and other navigational elements in Laravel apps
[](https://packagist.org/packages/spatie/laravel-navigation)
[](https://packagist.org/packages/spatie/laravel-navigation)
Laravel Navigation is meant to be the spiritual successor of [Laravel Menu](https://github.com/spatie/laravel-menu). Laravel Menu will still be actively maintained, but there are a few principal differences between the two packages.
The main goal of Laravel Menu is to build HTML menus from PHP. Laravel Navigation describes an application's navigation tree, which can be used as a base to create navigational elements like menus and breadcrumbs. Laravel Menu has a rich API for HTML generation. Laravel Navigation doesn't do any HTML generation (although we might ship some Blade files in the future). Instead, Laravel Navigation should give you the flexibility to build your own UI without worrying about the complexity of navigation trees and active state. Think of it as a [renderless component](https://adamwathan.me/renderless-components-in-vuejs/).
```php
Navigation::make()
->add('Home', route('home'))
->add('Blog', route('blog.index'), fn (Section $section) => $section
->add('All posts', route('blog.index'))
->add('Topics', route('blog.topics.index'))
)
->addIf(
Auth::user()->isAdmin(),
'Admin',
route('admin.index'),
fn (Section $section) => $section->add('Create post', route('blog.create'))
);
```
If you want to register your navigation in a service provider, which is recommended, you can use the [Laravel container events](https://laravel.com/docs/10.x/container#container-events) to add items to the navigation.
```php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Spatie\Navigation\Navigation;
use Spatie\Navigation\Section;
class NavigationServiceProvider extends ServiceProvider
{
public function register(): void
{
$this->app->resolving(Navigation::class, function (Navigation $navigation): Navigation {
return $navigation
->add('Home', route('home'))
->add('Blog', route('blog.index'), fn (Section $section) => $section
->add('All posts', route('blog.index'))
->add('Topics', route('blog.topics.index'))
)
->addIf(
Auth::user()->isAdmin(),
'Admin',
route('admin.index'),
fn (Section $section) => $section->add('Create post', route('blog.create'))
);
});
}
}
```
A navigation object can be rendered to a tree, or to breadcrumbs.
Some examples when visiting `/blog/topics/laravel`:
```php
// Render to tree
Navigation::make()->tree();
```
```json
[
{ "title": "Home", "url": "/", "active": false, "attributes": [], "children": [], "depth": 0 },
{
"title": "Blog",
"url": "/blog",
"active": false,
"attributes": [],
"children": [
{ "title": "All posts", "url": "/blog", "active": false, "attributes": [], "children": [], "depth": 1 },
{ "title": "Topics", "url": "/blog/topics", "active": true, "attributes": [], "children": [], "depth": 1 }
],
"depth": 0
},
{
"title": "Admin",
"url": "/admin",
"active": false,
"attributes": [],
"children": [
{ "title": "Create post", "url": "/blog/create", "active": false, "attributes": [], "children": [], "depth": 1 }
],
"depth": 0
}
]
```
```php
// Append additional pages in your controller
Navigation::make()->activeSection()->add($topic->name, route('blog.topics.show', $topic));
// Render to breadcrumbs
Navigation::make()->breadcrumbs();
```
```json
[
{ "title": "Blog", "url": "/blog", "attributes": [] },
{ "title": "Topics", "url": "/blog/topics", "attributes": [] },
{ "title": "Laravel", "url": "/blog/topics/laravel", "attributes": [] }
]
```
```php
// Render the current section
Navigation::make()->current();
```
```json
{ "title": "Home", "url": "/", "attributes": [] }
```
## Support us
[
](https://spatie.be/github-ad-click/laravel-navigation)
We invest a lot of resources into creating [best in class open source packages](https://spatie.be/open-source). You can support us by [buying one of our paid products](https://spatie.be/open-source/support-us).
We highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. You'll find our address on [our contact page](https://spatie.be/about-us). We publish all received postcards on [our virtual postcard wall](https://spatie.be/open-source/postcards).
## Installation
You can install the package via composer:
```bash
composer require spatie/laravel-navigation
```
## Testing
```bash
composer test
```
## Changelog
Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
## Contributing
Please see [CONTRIBUTING](https://github.com/spatie/.github/blob/main/CONTRIBUTING.md) for details.
## Security
If you've found a bug regarding security please mail [[email protected]](mailto:[email protected]) instead of using the issue tracker.
## Credits
- [Sebastian De Deyne](https://github.com/sebastiandedeyne)
- [All Contributors](../../contributors)
## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.