React component for faster and simpler web development.
Aside-configuration is available as an [npm package](npm i mpds-side-menu).
// with npm
npm i aside-configuration
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"));| 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/)
No License. "(...) nobody else can copy, distribute, or modify your work without being at risk of take-downs, shake-downs, or litigation."