{"_id":"@cesarechazu/directus-extension-responsive-tabs","_rev":"2-2795b5d19199d1539feb44b5885da3e4","name":"@cesarechazu/directus-extension-responsive-tabs","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@cesarechazu/directus-extension-responsive-tabs","version":"1.0.0","keywords":["directus","directus-extension","directus-extension-interface","tabs","accordion","responsive","group"],"author":{"name":"cesar","email":"cesarechazu@gmail.com"},"license":"MIT","_id":"@cesarechazu/directus-extension-responsive-tabs@1.0.0","maintainers":[{"name":"cesarechazu","email":"cesarechazu@gmail.com"}],"dist":{"shasum":"89a1afa1ff91d75954d299250681e7d67993d0dd","tarball":"https://registry.npmjs.org/@cesarechazu/directus-extension-responsive-tabs/-/directus-extension-responsive-tabs-1.0.0.tgz","fileCount":4,"integrity":"sha512-e5Sk2+E89yctfQsOx6d+TdFTxEMMb3JJyx9o6qE/W6iD3cmbO5yLvA+cCccB0NUwULd6wJZLRQkwL0osmVIEiQ==","signatures":[{"sig":"MEYCIQCGkXIs+Azz0J1sWPmWQaDJMntEj9Ed7Fse/7GaZqheOgIhAPGXhBvNcb0vZUaNV73RUcstGG6psky7xHq66w0t0947","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21727},"icon":"tab_group","type":"module","scripts":{"dev":"directus-extension build -w --no-minify","link":"directus-extension link","build":"directus-extension build","validate":"directus-extension validate"},"_npmUser":{"name":"cesarechazu","email":"cesarechazu@gmail.com"},"_npmVersion":"10.9.2","description":"Responsive group interface for Directus with tabs on desktop and configurable mobile behavior.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vue-i18n":"^9.14.5","@directus/extensions-sdk":"13.0.4"},"directus:extension":{"host":"^11.0.0","path":"dist/index.js","type":"interface","source":"src/index.js"},"_npmOperationalInternal":{"tmp":"tmp/directus-extension-responsive-tabs_1.0.0_1773500156275_0.6485389975615763","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@cesarechazu/directus-extension-responsive-tabs","description":"Responsive group interface for Directus with tabs on desktop and configurable mobile behavior.","icon":"tab_group","version":"1.0.1","license":"MIT","author":{"name":"cesar","email":"cesarechazu@gmail.com"},"keywords":["directus","directus-extension","directus-extension-interface","tabs","accordion","responsive","group"],"type":"module","publishConfig":{"access":"public"},"directus:extension":{"type":"interface","path":"dist/index.js","source":"src/index.js","host":"^11.0.0"},"scripts":{"build":"directus-extension build","dev":"directus-extension build -w --no-minify","link":"directus-extension link","validate":"directus-extension validate"},"devDependencies":{"@directus/extensions-sdk":"13.0.4","vue":"^3.5.13","vue-i18n":"^9.14.5"},"_id":"@cesarechazu/directus-extension-responsive-tabs@1.0.1","gitHead":"65cf54d00dd5e98fc221bbdeae7d37ecb72b02c9","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-903Qu+5OA28pW2QZwj6zyvorMbZVXfvXRbcKj57IqpZGZTTMUA/rwjgexLLIRzhLqwkPiEpjQmmP7N8vt3p3GQ==","shasum":"a1d3eee81058bb3dd95f7d22d7212b3eb0343c43","tarball":"https://registry.npmjs.org/@cesarechazu/directus-extension-responsive-tabs/-/directus-extension-responsive-tabs-1.0.1.tgz","fileCount":4,"unpackedSize":21986,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCb035OnxLkNfV4d+JT/RydcHIZYH7Xjm7WlHHteAYOFgIhAKJOH2sZ6q0m0fZJs117IxWPTMVOll7hyk8uSa9S92g6"}]},"_npmUser":{"name":"cesarechazu","email":"cesarechazu@gmail.com"},"directories":{},"maintainers":[{"name":"cesarechazu","email":"cesarechazu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/directus-extension-responsive-tabs_1.0.1_1774229108481_0.87398093515042"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-14T14:55:56.170Z","modified":"2026-03-23T01:25:08.710Z","1.0.0":"2026-03-14T14:55:56.413Z","1.0.1":"2026-03-23T01:25:08.610Z"},"author":{"name":"cesar","email":"cesarechazu@gmail.com"},"license":"MIT","keywords":["directus","directus-extension","directus-extension-interface","tabs","accordion","responsive","group"],"description":"Responsive group interface for Directus with tabs on desktop and configurable mobile behavior.","maintainers":[{"name":"cesarechazu","email":"cesarechazu@gmail.com"}],"readme":"# Directus Responsive Tabs\n\nResponsive group interface for Directus that shows tabs on desktop and switches to a configurable mobile layout on smaller screens.\n\n![Responsive Tabs preview](https://raw.githubusercontent.com/cesarechazu/directus-extension-responsive-tabs/main/img/Tabs.gif)\n\n## Features\n\n- Tabs on desktop\n- Configurable mobile mode: `accordion` or `tabs`\n- Responsive breakpoint selector\n- Automatic section opening when validation errors appear\n- Support for opening one or multiple accordion sections\n- Default section behavior for first render\n- Optional full-width layout\n\n## Requirements\n\n- Directus `^11.0.0`\n\n## Install\n\n```bash\nnpm install\nnpm run build\n```\n\nFor local development:\n\n```bash\nnpm run dev\n```\n\nTo link the extension into a Directus project:\n\n```bash\nnpm run link\n```\n\n## Interface\n\n- Interface ID: `responsive-tabs`\n- Interface name: `Responsive Tabs`\n- Type: `alias`\n- Local type: `group`\n\n## Options\n\n![Responsive Tabs options](https://raw.githubusercontent.com/cesarechazu/directus-extension-responsive-tabs/main/img/options.png)\n\n### Mobile Mode\n\nControls how sections render below the selected breakpoint.\n\n- `Accordion`\n- `Tabs`\n\nDefault: `Accordion`\n\n### Responsive Breakpoint\n\nSelects the viewport width where the interface switches from desktop tabs to the mobile layout.\n\n- `Below sm (<576px)`\n- `Below md (<768px)`\n- `Below lg (<992px)`\n- `Below xl (<1200px)`\n- `Below xxl (<1400px)`\n\nDefault: `Below md (<768px)`\n\n### Allow Multiple Sections Open\n\nKeeps multiple sections open at the same time in accordion mode.\n\nDefault: `false`\n\n### Default Open Section\n\nControls the initial open state when there is no previous user-selected state to reuse.\n\n- `First Section`\n- `Error Section`\n- `None`\n- `Full`\n\nNotes:\n\n- `None` and `Full` only apply in mobile accordion mode\n- In desktop tabs mode, `Full` falls back to the first section\n- If `Open Error Sections` is enabled and validation errors exist, error handling takes priority\n\nDefault: `First Section`\n\n### Open Error Sections\n\nAutomatically reveals the related section when validation errors appear.\n\nDefault: `true`\n\n### Stretch to Full Width\n\nMakes the group fill the available form width.\n\nDefault: `false`\n\n## Behavior Notes\n\n- Desktop always renders as tabs\n- Mobile rendering depends on `Mobile Mode`\n- In accordion mode, validation errors can automatically open the affected section\n- In mobile accordion mode, `Full` opens every section on first render\n\n## License\n\nMIT\n","readmeFilename":"README.md"}