https://github.com/gruppe-adler/navbar-component
Gruppe Adler navbar WebComponent.
https://github.com/gruppe-adler/navbar-component
web webcomponent
Last synced: 9 months ago
JSON representation
Gruppe Adler navbar WebComponent.
- Host: GitHub
- URL: https://github.com/gruppe-adler/navbar-component
- Owner: gruppe-adler
- Created: 2020-12-29T18:27:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-21T19:09:59.000Z (over 1 year ago)
- Last Synced: 2025-03-24T17:52:48.585Z (over 1 year ago)
- Topics: web, webcomponent
- Language: TypeScript
- Homepage:
- Size: 602 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gruppe Adler Navbar WebComponent
Gruppe Adler navbar WebComponent.
## NPM
This component can be found on [npm](https://www.npmjs.com/package/@gruppe-adler/navbar-component).
## Usage
### Register component
```js
import { GradNavbar } from '@gruppe-adler/navbar-component';
customElements.define('grad-navbar', GradNavbar);
```
### Attributes
- `sublinks-hidden`: If present the sub link bar will be hidden
- `active-path`: Path to show as active
- `nav-style`: Will be copied into style attribute of root nav element of component
### Events
The navbar emits a `gradpathchanged` event, which includes two properties:
- `gradPath`: A string containing the active path
- `gradDisplayName`: A string containing the displayName of the link
## Contributing
Project is a simple Typescript, Webpack setup.
### NPM scrips
- `npm run serve`: Start development server on port 3000
- `npm run lint`: Run eslint
- `npm run build`: Build for production