diff --git a/src/Twig/Component/BadgeOutline.php b/src/Twig/Component/BadgeOutline.php
new file mode 100644
index 0000000..86a4a90
--- /dev/null
+++ b/src/Twig/Component/BadgeOutline.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Pcm\BadgeBundle\Twig\Component;
+
+use Pcm\BadgeBundle\Interface\BadgeableInterface;
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+use TailwindMerge\TailwindMerge;
+
+#[AsTwigComponent(name: 'Pcm:BadgeOutline', template: "@PcmBadge/Badge.html.twig")]
+final class BadgeOutline
+{
+    public string $finalClasses = '';
+
+    public function __construct(private string $baseClasses)
+    {
+    }
+
+    /**
+     * @param BadgeableInterface $object The object to be converted into a badge
+     * @param string $class              Extra classes you want to add to the badge template
+     */
+    public function mount(BadgeableInterface $object, string $class = ''): void
+    {
+        $palette = $object->getBadgeColour()->getPalette();
+
+        $merger = TailwindMerge::instance();
+
+        $this->finalClasses = $merger->merge(sprintf('bg-white %s %s %s %s', $palette->borderColourClass, $palette->textColourClass, $this->baseClasses, $class));
+    }
+}
+