Berea.eduarrow_forward
Design Systemarrow_forward
Componentsarrow_forward
Tabs Block

Tabs Block

Tabs are used to organize and present content in a tabbed format on a webpage. Each tab typically represents a distinct section or category of information, and clicking on a tab reveals the content associated with that specific category.

When creating a webpage, you might use a Tab Block in scenarios where you want to:

  • Organize Content: If you have a considerable amount of information that can be logically grouped into different categories or sections, tabs provide a clean and organized way to present this content.
  • Save Space: Tabs are useful when you want to save space on a webpage by displaying only the most relevant information initially. Users can then navigate to specific sections using the tabs.
  • Improve User Experience: Tabs can enhance the user experience by allowing users to quickly switch between different sections of content without the need for separate pages or extensive scrolling.
  • Facilitate Navigation: Tabs provide an intuitive navigation system, making it easy for users to find and access the content they are interested in.

Tab Body