https://github.com/upfluence/oss-components
Ember.js implementation of the Upfluence Component Library & Design System.
https://github.com/upfluence/oss-components
component-library design-system ember-addon ember-cli emberjs framework ui-components
Last synced: 7 months ago
JSON representation
Ember.js implementation of the Upfluence Component Library & Design System.
- Host: GitHub
- URL: https://github.com/upfluence/oss-components
- Owner: upfluence
- License: mit
- Created: 2017-02-12T13:28:48.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2025-04-11T08:50:20.000Z (7 months ago)
- Last Synced: 2025-04-11T10:52:38.822Z (7 months ago)
- Topics: component-library, design-system, ember-addon, ember-cli, emberjs, framework, ui-components
- Language: TypeScript
- Homepage: http://storybook.upfluence.co/
- Size: 74.1 MB
- Stars: 7
- Watchers: 9
- Forks: 1
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Upfluence OSS Components
This project hosts a bunch of branded (following the OSS framework)
components for usage in our projects.
[Short description of the addon.]
Compatibility
------------------------------------------------------------------------------
* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above
Installation
------------------------------------------------------------------------------
As any NPM package, you can install it via:
`npm install --save upfluence-oss-components`
## Running / Development
This addon's dummy app is actually a showcase of the frontend framework
and its custom components.
It's an Ember app, so we assume you have all set up as that's our
frontend stack anyway.
* `ember server`
* Visit your app at [http://localhost:4200](http://localhost:4200).
## Adding it to a project
Here are the steps to add OSS-Components to an Ember project:
* Install via `npm install --save upfluence-oss-components`
* Install the Bower package containing all the needed CSS with `bower
install --save upfluence-oss`
* In your `ember-cli-build.js` file, add the following lines for enabling Asset Map file generation, and importing the Upfluence OSS framework:
```
// In the "fingerprint" configuration
fingerprint: {
generateAssetMap: true,
...
}
// In the "lessOptions" configuration
lessOptions: {
paths: [
...,
'bower_components/upfluence-oss/less',
...
]
}
```
* Enable the `ember-cli-ifa`, in the `config/environment.js` file
```
module.exports = function(environment) {
var ENV = {
...,
ifa: {
enabled: true
},
...
};
return ENV;
};
```
* And finally, import the OSS framework in your `app/styles/app.less` file
```
@import 'bootstrap';
@import 'upfluence-oss';
@import 'upf-utils';
...
```