Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hanneskuettner/directus-extension-group-tabs-interface
A tab group interface for Directus as a pretty alternative to the accordion group
https://github.com/hanneskuettner/directus-extension-group-tabs-interface
Last synced: about 1 month ago
JSON representation
A tab group interface for Directus as a pretty alternative to the accordion group
- Host: GitHub
- URL: https://github.com/hanneskuettner/directus-extension-group-tabs-interface
- Owner: hanneskuettner
- License: gpl-3.0
- Created: 2023-05-04T20:48:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-20T21:27:07.000Z (11 months ago)
- Last Synced: 2024-05-02T04:31:06.199Z (8 months ago)
- Language: Vue
- Homepage:
- Size: 150 KB
- Stars: 59
- Watchers: 2
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-directus - Tab Group Interface - Display groups as tab panels, as a pretty, space saving alternative to the accordion group. (Extensions / Community)
README
# Directus Tab Group Interface
A tab group interface for Directus.
This interface allows you to group fields into tabs as an alternative to
the default accordion group.
## Installation
Add `directus-extension-group-tabs-interface` to your project:
```shell
# Using pnpm
pnpm add directus-extension-group-tabs-interface
# Using yarn
yarn add directus-extension-group-tabs-interface
# Using npm
npm install directus-extension-group-tabs-interface
```## Usage
When creating a new field you can select `Tab Group` in the `Groups` section.
Alternatively you can change the interface of an existing group field in the
`Interface` section.### Options
- `Overwrite Group Width`: If checked, force Directus to display the tab list in the "Fill Width" mode.
Normally, the width option is not available for groups, but so far no problems have been encountered. Please open an
issue if you encounter any visual bugs.