Tabs

Tabs make it easy to explore and switch between different views.

Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

Introduction

Tabs are implemented using a collection of related components:

<Tab /> - the tab element itself. Clicking on a tab displays its corresponding panel.
<Tabs /> - the container that houses the tabs. Responsible for handling focus and keyboard navigation between tabs.

Item One

import Tabs from '@mui/material/Tabs';
import Tab from '@mui/material/Tab';