README

Welcome!

DiscoToolbar is a customizable toolbar for your Symfony application, providing all-time access to essential resources right from your browser. Perfect for streamlining your workflow by keeping frequently-used tools, admin panels, and services just one click away.

NOTE: This package is also available for Laravel framework! See project page for more information!

What is DiscoToolbar?

DiscoToolbar creates a persistent banner (typically placed at the top of your layout) that displays during development. It's highly configurable via YAML, allowing you to create custom buttons and links to anything you need: admin panels, database tools, email catchers, API documentation, or any other resource.

Perfect for Docker Environments

Since configuration is YAML-based, it's incredibly easy to generate dynamically when setting up new environments. When using Docker or similar containerization, port numbers often change between setups - but with DiscoToolbar, you can regenerate the configuration file on each environment startup, ensuring all links always point to the correct ports and services.

Features

• Fully customizable via YAML - Easy to configure and regenerate for different environments
• Flexible widget system - Create buttons with Font Awesome icons, Symfony UX Icons, emoji, text labels, or any combination
• Display anything - Add links to admin panels, database tools, email catchers, API docs, or any resource
• Action buttons - Direct access to frequently-used tools and services
• Environment-aware - Only loads in development environment, zero production overhead
• Dynamic configuration - Perfect for Docker setups where ports change - regenerate config on startup
• Customizable placement - Position widgets on left or right side of the toolbar

Requirements

• PHP 8.1 or higher
• Symfony 6.4+, 7.0+, or 8.0+

Optional Dependencies

• symfony/ux-icons - Required for icon_type: ux support (200,000+ icons)

Notes

There's also Laravel version of this package!

Installation

Install via Composer:

composer require --dev marcin-orlowski/disco-toolbar-symfony

For access to 200,000+ icons via Symfony UX Icons (recommended):

composer require symfony/ux-icons

Register the bundle in config/bundles.php:

return [
    // ... other bundles
    MarcinOrlowski\DiscoToolbar\DiscoToolbarBundle::class => ['dev' => true],
];

Install bundle assets:

php bin/console assets:install --symlink

Configuration

Create a configuration file with widget configuration. The bundle will automatically detect and load the first file found (in order of preference):

• .disco.yaml (project root)
• .disco.yml (project root)
• config/packages/disco_toolbar.yaml (Symfony convention)
• config/packages/disco_toolbar.yml

Example configuration that produces toolbar shown in the screenshot above:

widgets:
   left:
     - type: close
     - icon: "fa-bug"
       text: "1.47"
       url: "https://github.com/<FOO>/issues?q=is%3Aissue%20state%3Aopen%20milestone%3A1.47"
       target: "_blank"
       title: "Open Milestone 1.47 Issues"
     - icon: "fa-code-pull-request"
       url: "https://github.com/<FOO>/pulls"
       target: "_blank"
       title: "Open Repository Pull Requests"
     - text: "#1240: [ADM] Fix PageSection CRUD priority field configuration"
       url: "https://github.com/<FOO>>/issues/1240"
       target: "_blank"
       expand: true
   right:
     - icon: "fa-globe"
       url: "/"
       title: "Go to Main Page"
     - icon: "fa-crown"
       url: "/admin/"
       title: "Open Admin Panel"
     - icon: "fa-database"
       url: "http://localhost:21440"
       target: "_blank"
       title: "Open Database Manager"
     - icon: "fa-envelope"
       url: "http://localhost:21540"
       target: "_blank"
       title: "Open Mailpit"

Widget Properties

*) Either icon or text must be provided or exception will be thrown.

Font Awesome Icons

DiscoToolbar supports Font Awesome icons for widgets. You have two options for including Font Awesome:

Option 1: Automatic Inclusion (Recommended for Quick Setup)

Enable automatic Font Awesome inclusion from CDN in your .disco.yaml configuration file:

font_awesome:
    enabled: true           # Enable auto-include from CDN (default: false)
    version: '6.5.1'        # Font Awesome version to use (optional, default: 6.5.1)

widgets:
    left:
        - icon: "fa-flag-checkered"
          text: "1.0"
          url: "https://github.com/user/repo"

Benefits:

• Works out of the box - no additional setup needed
• Icons display immediately
• Configuration kept in one place with your widgets

Note: Only enable this if your application doesn't already include Font Awesome. If you have Font Awesome in your project, use Option 2 instead to avoid version conflicts.

Option 2: Manual Setup (Recommended if Font Awesome Already Installed)

If your application already includes Font Awesome (via NPM, CDN, or other means), simply use Font Awesome icon classes in your widget configuration. DiscoToolbar will use your existing Font Awesome installation.

Example:

widgets:
  left:
    - icon: "fa-database"
      icon_type: "fa"  # Use Font Awesome (default)
      url: "http://localhost:8080"

If you don't have Font Awesome installed, you can include it manually in your base template:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />

Using Text/Emoji Instead

If you prefer not to use Font Awesome, you can use emoji or plain text:

widgets:
  left:
    - icon: "🚀"
      icon_type: "text"  # Use plain text/emoji
      url: "/admin"

Symfony UX Icons

DiscoToolbar supports Symfony UX Icons, which provides access to 200,000+ icons from popular icon sets (Lucide, Heroicons, Font Awesome, and more) as inline SVGs.

First, install the UX Icons package:

composer require symfony/ux-icons

Then use the ux icon type with icon names in the set:name format:

widgets:
  left:
    - icon: "lucide:github"
      icon_type: "ux"
      url: "https://github.com"
    - icon: "heroicons:home"
      icon_type: "ux"
      url: "/"
    - icon: "fa6-solid:database"
      icon_type: "ux"
      url: "http://localhost:8080"

Browse available icons at ux.symfony.com/icons.

Note: If symfony/ux-icons is not installed, widgets with icon_type: ux will display the icon name in brackets as a fallback (e.g., [lucide:github]).

Usage

Include the toolbar template in your base layout:

{% if app.environment == 'dev' %}
    {% include '@DiscoToolbar/toolbar.html.twig' %}
{% endif %}

Customization

Background Colors

Customize the breathing stripes background colors in your .disco.yaml:

bg_color_light: '#b71c1c'
bg_color_dark: '#8e0000'

Custom CSS

The bundle includes default styling. To customize, override the CSS after importing bundle assets or create your own styles targeting .disco-toolbar classes.

Custom Template

Override the default template by creating: templates/bundles/DiscoToolbarBundle/toolbar.html.twig

License

• Written and copyrighted ©2025-2026 by Marcin Orlowski <mail (#) marcinorlowski (.) com>
• DiscoToolbar is open-source software licensed under the MIT license