Sobeys Logo

Tabs Component

This React implementation provides a custom, flexible, and accessible tab system using React Context to manage tab state. It includes:

  • Tabs – Root context provider and wrapper.
  • Tab – Tab button that switches the view.
  • TabPanel – Conditionally rendered panel for each tab's content.

Features

  • Centralized State
  • Accessible Markup
  • Modular Design
  • Customizable
  • Lightweight & Performant
  • Extensible API

Desktop

Tabs Example

Bs Accordion module we can fill title and many options are there heading or subheadings in this we can do dynamic number of posts and post types.

iPad

Tabs Example

Bs Accordion module we can fill title and many options are there heading or subheadings in this we can do dynamic number of posts and post types.

Mobile

Tabs Example

Bs Accordion module we can fill title and many options are there heading or subheadings in this we can do dynamic number of posts and post types.