# @lithiamotors/lpp-nav-bar

> LPP nav bar with drawer menu.

Latest version **2.4.2** (published 2024-05-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @lithiamotors/lpp-nav-bar
pnpm add @lithiamotors/lpp-nav-bar
yarn add @lithiamotors/lpp-nav-bar
bun add @lithiamotors/lpp-nav-bar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.4.2 |
| Published | 2024-05-14 |
| First published | 2021-08-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 234.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Daylon Blakely |
| Maintainers | charankumar16, varunchawla1, caitiesanderson, dhikshitkonda, karanrohra, haiderkeshwani, msambu, fayazshaik, aklithia, dhilberg-lithia, immadisetty, scottgilmourlithia, kalyanpasam, justin-lithia, ppulluri27, vijays-lithia, audreyzheng, michellenygrenlithia, sean_goiburn_lithia, scott_faulkner, milesgreen, jamesstrawn, gregoryrad, ajaygb07, andybarnes, michaelnario, daylonblakely1 |

## Links

- npm: https://www.npmjs.com/package/@lithiamotors/lpp-nav-bar
- Repository: https://LithiaMotors@dev.azure.com/LithiaMotors/React%20Component%20Development/_git/React-Component-Library
- npm.io page: https://npm.io/package/@lithiamotors/lpp-nav-bar

## Recent versions

- 2.4.2 (latest) — 2024-05-14
- 2.4.1 — 2022-12-19
- 2.3.1 — 2022-12-13
- 2.2.3 — 2022-11-23
- 2.2.1 — 2022-11-23
- 2.1.0 — 2022-10-20
- 2.0.0 — 2022-06-24
- 1.0.5 — 2022-03-15
- 1.0.4 — 2022-03-07
- 1.0.3 — 2022-01-11
- 1.0.2 — 2021-10-29
- 1.0.1 — 2021-10-29
- 1.0.0 — 2021-10-28
- 1.0.0-alpha.5 — 2021-08-05
- 1.0.0-alpha.4 — 2021-08-05
- … 3 more at https://npm.io/package/@lithiamotors/lpp-nav-bar/versions

## README

## @lithiamotors/lpp-nav-bar

## Note: this lpp-nav-bar has been replaced by the [lad-app-bar](https://www.npmjs.com/package/@lithiamotors/lad-app-bar) package.

---

### Implementation

```
import { MuiThemeProvider } from '@material-ui/core';
import LppMuiTheme from '@lithiamotors/lpp-mui-theme';
import LppNavBar from "@lithiamotors/lpp-nav-bar"

const primaryLinks = [
    {
		text: 'Test Link - Lightbulb Icon',
		link: 'https://google.com',
		disabled: true,
		selected: false,
		icon: 'lightbulb',
	},
	{
		text: 'Test Link - Default Icon',
		link: 'https://google.com',
		disabled: true,
		selected: false,
	},
];

const secondaryLinks = [
		{
			text: 'Alert Message (Custom Function)',
			callback: () => alert('Hello!'),
			display: user.isAuthorized,
			preventDrawerClose: true
		},
	];


export default function(props) {
    return (
        <MuiThemeProvider theme={LppMuiTheme}>
            <LppNavBar Title='LPP' subTitle='Lien Payoff Center' primaryLinks={primaryLinks} secondaryLinks={secondaryLinks} environment='DEVELOPMENT' drawerEnabled='true' />
			{props.children}
        </MuiThemeProvider>
    )
}
```

---

### Version 2.4.2 (feature/mnygren-165026-4)

- Updated README with mention that this package has been replaced by lad-app-bar.

### Version 2.4.0 (feature/abarnes-10762)

- Added new property object `buttonParams`. this allows the banner to display an `action` button to which they can pass a callback function (`buttonCallback`)

### Version 2.3.1 (feature/abarnes-003)

- Added new property `drawerEnabled`. this allows the drawer to not show if the app does not want the side navigation at any point

### Version 2.2.2 (feature/abarnes-002)

- Updated the font weight of `title` and `subTitle`

### Version 2.2.0 (feature/abarnes-001)

- Update `appAbv` prop to `title` prop, defaults to LPP
- Updated `title` prop to `subTitle` prop defaluts to Lien Payoff Center
- Added `LOCAL` environment prop with the associated color

### Version 2.1.0 (feature/cmorrissey-106704)

- Added `appAbv` prop, defaults to LPP
- Restructured and componentized module (moved styles out, composed more modularly)
- Moved Menu Icon and Drawer menu to Left
- Added Environment Tab to Right

### Version 2.0.0 (feature/cmorrissey-79227)

- Upgraded to MUI v5

### Version 1.0.5 (develop)

- Changed padding on left side to match gutter size (24px)

### Version 1.0.4 (feature/cmorrissey-68837)

- Updated nav bar icon and style

### Version 1.0.3 (feature/cmorrissey-63539)

- Changed default header and hamburger color to white

### Version 1.0.2 (feature/cmorrissey-46992)

- Added preventDrawerClose value. By default the modal closes on click, but we want to add an option to bypass that close. Useful for keeping the drawer open while using dev tools.

### Version 1.0.1 (feature/cmorrissey-46992)

- Added display value, defaults to true but allows easy custom logic in host app

### Version 1.0.0 (feature/cmorrissey-46992)

- Added secondary array for sublinks

### Version 1.0.0-alpha.5 (feature/cmorrissey-readme-updates)

- Updated Readme

### Version 1.0.0-alpha.4

- Updated Readme

### Version 1.0.0-alpha.3

- Currently supporting SVG's
  - This is being done by referencing the SVG as a module instead of a file path. Microbundle will not accknowledge the SVG's correct path if specified in the source file. The source file will fail to build, but the dist file will succeed.
  - EX: `import mySVG from 'mySVG.svg'` instead of `import mySVG from './mySVG.svg'`
- Code copied from old Create React Library

---
_Source: https://npm.io/package/@lithiamotors/lpp-nav-bar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._