`<TabNav />`

Tab navigation enables users to quickly switch between different sections or views within an interface.

Image

tabnav

Code - structure

<TabsNav 
     track={true}
     color="#6371f0"
     track={true}
     trackColor="#232323"
     data={tabData}
     activeColor="#6371f094"
     className="" />

Data

export const tabData = [
  {
      label: "Front End",
      content: "1"
  },
  {
      label: "Backend",
      content: "2"
  },
  {
      label: "CMS",
      content: "3"
  },
  {
      label: "Database",
      content: "4"
  }
]

Props

Option's (props)	Values
data	data=`{tabData}` label : Navigation title. content : Pass data as a component or simple (text and image etc.), Follow data format according tabdata
color	"#6371f0" - colors
activeColor	"#6371f094" - colors
trackColor	"#232323" - colors
track	`{true}` - boolean value
className	Custom css className (optional).

Magneticbutton Contact-us