aside-configuration

Aside-configuration

React component for faster and simpler web development.

Installation

Aside-configuration is available as an [npm package](npm i mpds-side-menu).

// with npm
npm i aside-configuration

Usage

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

import * as React from "react";
import MpDSSideMenu from "mpds-side-menu";

function App() {
  return <AsideConfiguration linkSelectedName="Link2"></AsideConfiguration>;
}

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

Props

Name	Description	Default
title	Title at the top of the panel. string	"Configuration"
tabOne	Content of the first tab. React.ReactNode	"I'm empty inside.",
tabTwo	Content of the second tab. React.ReactNode	"I'm empty too."
tabThree	Content of the third tab. React.ReactNode	"Another one."
clickToogleBar	Handle click to toogle bar. () => void	-
tabs	Insert tabs element. React.ReactNode	<> {buttonOneTitle} {buttonTwoTitle} {buttonThreeTitle}
closedBarContent	Insert elements to the closed bar element. React.ReactNode
openBarContent	Content inside of the bar. React.ReactNode	{title} {tabs} {tabOne} {/* {tabTwo} {tabThree} */}

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."