https://github.com/uportal-project/notification-web-components
uPortal web components specific to notifications
https://github.com/uportal-project/notification-web-components
hacktoberfest notification uportal uportal-start-bundled vue web-components
Last synced: 25 days ago
JSON representation
uPortal web components specific to notifications
- Host: GitHub
- URL: https://github.com/uportal-project/notification-web-components
- Owner: uPortal-Project
- License: apache-2.0
- Created: 2019-03-15T20:28:05.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2025-04-25T14:14:39.000Z (about 1 month ago)
- Last Synced: 2025-04-25T15:26:41.934Z (about 1 month ago)
- Topics: hacktoberfest, notification, uportal, uportal-start-bundled, vue, web-components
- Language: Vue
- Homepage:
- Size: 3.68 MB
- Stars: 1
- Watchers: 15
- Forks: 9
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Notification Web Components
[](https://travis-ci.com/uPortal-contrib/notification-web-components)
> A collection of reusable, standardized, and accessible [web components][] for [uPortal][]
## Installation
There are couple options for installing components:
- a [node][] package through [npm][] or [yarn][]
- a [webjar][] through [gradle][] or [maven][]
```bash
# install with npm
npm install @uportal/{package name goes here}
# install with yarn
yarn add @uportal/{package name goes here}
```
_install with maven_
```xml
org.webjars.npm
uportal__{package name goes here}
{version number goes here}
```
_install with gradle_
```gradle
compile 'org.webjars.npm:uportal__{package name goes here}:{version number goes here}'
```
## Usage
To install any component, add a tag with the component's name, and a script tag pointing to the JavaScript bundle for that component.
For example an `example-component` would be loaded by adding
```html
```
## Components
- [Notification Banner](@uportal/notification-banner/README.md)
- [Notification Icon](@uportal/notification-icon/README.md)
- [Notification List](@uportal/notification-list/README.md)
- [Notification Modal](@uportal/notification-modal/README.md)
## Contribute
uPortal Components are built by people just like you! Check out [CONTRIBUTING.md][] for ways to get started.
Want to chat with the community and contributors? Join us in [Slack][] and the [Mailing List][]!
## Additional Topics
- [Local Project Setup](docs/en/developer/SETUP.md)
- [Using -SNAPSHOT Builds in uPortal-start](docs/en/developer/SNAPSHOT.md)
- [Project Automation Tools](docs/en/developer/AUTOMATION.md)
- [Project Conventions and Practices](docs/en/developer/CONVENTIONS.md)
[contributing.md]: CONTRIBUTING.md
[gradle]: https://docs.gradle.org
[mailing list]: https://groups.google.com/a/apereo.org/forum/#!forum/uportal-user
[maven]: http://maven.apache.org/
[node]: https://nodejs.org
[npm]: https://docs.npmjs.com/
[slack]: https://apereo.slack.com
[uportal]: https://github.com/Jasig/uPortal
[web components]: https://www.webcomponents.org/introduction
[webjar]: https://www.webjars.org/
[yarn]: https://yarnpkg.com/en/