[Toolkit][Shadcn] Add Tabs component

assets/toolkit-shadcn.js

@@ -3,10 +3,12 @@ import { startStimulusApp } from '@symfony/stimulus-bundle';
 import Accordion from '@symfony/ux-toolkit/kits/shadcn/accordion/assets/controllers/accordion_controller.js';
 import AlertDialog from '@symfony/ux-toolkit/kits/shadcn/alert-dialog/assets/controllers/alert_dialog_controller.js';
 import Dialog from '@symfony/ux-toolkit/kits/shadcn/dialog/assets/controllers/dialog_controller.js';
+import Tabs from '@symfony/ux-toolkit/kits/shadcn/tabs/assets/controllers/tabs_controller.js';
 import Tooltip from '@symfony/ux-toolkit/kits/shadcn/tooltip/assets/controllers/tooltip_controller.js';
 
 const app = startStimulusApp();
 app.register('accordion', Accordion);
 app.register('alert-dialog', AlertDialog);
 app.register('dialog', Dialog);
+app.register('tabs', Tabs);
 app.register('tooltip', Tooltip);

composer.lock

@@ -8309,12 +8309,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-toolkit.git",
-                "reference": "521ee7cfbb3b0b4e8cca313a1eabd9dd495432ee"
+                "reference": "ee284e0f6eba1fcf88aeb33f04948420fe6dd4f1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-toolkit/zipball/521ee7cfbb3b0b4e8cca313a1eabd9dd495432ee",
-                "reference": "521ee7cfbb3b0b4e8cca313a1eabd9dd495432ee",
+                "url": "https://api.github.com/repos/symfony/ux-toolkit/zipball/ee284e0f6eba1fcf88aeb33f04948420fe6dd4f1",
+                "reference": "ee284e0f6eba1fcf88aeb33f04948420fe6dd4f1",
                 "shasum": ""
             },
             "require": {
@@ -8410,7 +8410,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2026-03-15T14:52:04+00:00"
+            "time": "2026-03-15T19:08:45+00:00"
         },
         {
             "name": "symfony/ux-translator",

importmap.php

@@ -210,6 +210,9 @@ return [
     '@symfony/ux-toolkit/kits/shadcn/tooltip/assets/controllers/tooltip_controller.js' => [
         'path' => './vendor/symfony/ux-toolkit/kits/shadcn/tooltip/assets/controllers/tooltip_controller.js',
     ],
+    '@symfony/ux-toolkit/kits/shadcn/tabs/assets/controllers/tabs_controller.js' => [
+        'path' => './vendor/symfony/ux-toolkit/kits/shadcn/tabs/assets/controllers/tabs_controller.js',
+    ],
     'el-transition' => [
         'version' => '0.0.7',
     ],

templates/toolkit/docs/shadcn/tabs.md.twig

@@ -0,0 +1,23 @@
+{% extends 'toolkit/docs/_base_component.md.twig' %}
+
+{% block demo %}
+{{ toolkit_code_demo(kit_id.value, component.name) }}
+{% endblock %}
+
+{% block usage %}
+{{ toolkit_code_usage(kit_id.value, component.name) }}
+{% endblock %}
+
+{% block examples %}
+### Line
+{{ toolkit_code_example(kit_id.value, component.name, 'Variant Line') }}
+
+### Vertical
+{{ toolkit_code_example(kit_id.value, component.name, 'Vertical') }}
+
+### Disabled
+{{ toolkit_code_example(kit_id.value, component.name, 'Disabled') }}
+
+### Icons
+{{ toolkit_code_example(kit_id.value, component.name, 'Icons') }}
+{% endblock %}