Skip to main content

TabPanel

shadow

The TabPanel component is a child of the TabGroup component and serves as a container for the contents of the tab. It is used in combination with element Tab.

For examples of using the Tab component, go to the TabGroup documentation.

When to use​

Use wje-tab-panel when users need to understand location, move between views, or traverse hierarchy.

When not to use​

Do not combine multiple competing navigation patterns for the same user flow.

Accessibility​

Ensure visible active/selected states, predictable tab order, and clear control naming.

Best Practices​

  • Keep URL state and UI navigation state synchronized.
  • Use consistent labels across menu, breadcrumbs, and tabs.
  • Add context for deep structures (breadcrumbs, headings, icon cues).

Attributes and Properties​

No properties available for this component.

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

NameDescription
defaultThe default slot for the tab panel.

Content