Skip to content

Tabs compound pattern #55

@mwarman

Description

@mwarman

Describe the story

Provide a clear description of the new feature or improvement to existing functionality.

Update the Tabs family of components to utilize the compound pattern.

There is no need for the TabsContext to be public since it is used to manage the internal state of a single Tabs component. By leveraging the compound pattern, the context may be relocated within the Tabs component to be private.

Furthermore, the sub-components which are used to compose an implementation of tabs, TabList, Tab, and TabContent may be made properties of the Tabs component.

Acceptance criteria

Provide clear acceptance criteria to validate the story is complete.

Gherkin syntax example:

GIVEN the Tabs component implements the compound pattern
WHEN an instance of Tabs is created
THEN the context and sub-components are internal to Tabs, i.e. not exported
AND the Tabs component UX is unchanged

Additional context

Add any other context about the story here.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions