MpDS NavTabs

React component for faster and simpler web development.

Installation

MpDS NavTabs is available as an [npm package](npm i mpds-navtabs).

// with npm
npm i mpds-navtabs

Usage

Here is a quick example to get you started, it's all you need:

import * as React from "react";
import MpdsNavtabs from "mpds-navtabs"

function App() {
  return <MpdsNavtabs backButtonDisable="true"></MpdsNavtabs>
}

ReactDOM.render(<App />, document.querySelector('#app'));

Props

Name	Description	Default
onChangeTabs	Change event on tabs element ((event: ChangeEvent<{}>, value: any) => void)	-
tabsIndicatorColor	Tabs indicator Color string	primary
backButtonDisable	Disable the back button boolean	false
editControlsRoot	Insert classes in the root of Edit Controls string	-
hiddenEditControls	Hide Edit Controls boolean	false
onClickToggleDropdown	OnClick of dropdown any	-
arrowToggleDropdownClasses	Classes of the dropdown classes string	-
onClickGoBack	OnClick of back base button any	-
toggleDropdownTitle	Dropdown title string	Report
hrefToggleDropdown	Href of the dropdown string	/
backButtonTitle	Text aligned to the right of back button string	Previous
dropDownItems	Text aligned to the right of back button string[]	['Section1', 'Section2', 'Section3']
onClickCreate	Text aligned to the right of back button any	-
disableCreate	Text aligned to the right of back button any	-
onClickSave	Text aligned to the right of back button any	-
disableSave	Text aligned to the right of back button any	-
onClickClear	Text aligned to the right of back button any	-
disableClear	Text aligned to the right of back button any	-

Yes, it's really all you need to get started! Try it in: [CodeSandbox](https://codesandbox.io/)

License

No License. "(...) nobody else can copy, distribute, or modify your work without being at risk of take-downs, shake-downs, or litigation."