[feature] Question - is panel selector supported in Editable Toolbar

Open
#290 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
25/100
Issue type
Feature
Clarity
Needs clarification
Activity status
Stale
Tech stack
react, typescript
Domain
frontend

Research direction

Start by locating the Editable Toolbar and its Edit Config entry points, then trace how the Adobe tabs component exposes its active index or selected state. Compare the requested panel-selector behavior with the current author rendering; done means authors can switch panels and edit the active tab without the vertical fallback.

Written by the indexing model from the issue text.

Description

feature-request

Is your feature request related to a problem? Please describe.
I am trying to mimic the behaviour of a headful AEM instance I have worked on, where the Adobe tabs component author instance comes with a 'panel selector' (see screenshots). This selector allows an author to quickly and easily change between the active tab and edit its contents.

Describe the solution you'd like
A way to set Edit Config to include this panel selector button, which could change the active index or 'selected' state of each tab.

Describe alternatives you've considered
A not-very-user-friendly way I am currently investigating, is having all the tab panels render in a vertical column, with the tab title above each section. Then the author can easily edit each tab panel. However, it does not give an accurate representation of the component, and is custom rendering just for author view.

Additional context

Image Image
Dominant language
TypeScript
Stars
68
Forks
35
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from adobe/aem-react-editable-components

All issues in adobe/aem-react-editable-components

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.