Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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.


Screenshot of the tab group interface

## 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.