Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@ifsworld/granite-components
Advanced tools
This library is an Angular implementation of the [IFS Design System](https://design.ifs.com). The IFS User Experience product group builds and maintains common UI components and tools. [The goal](docs/strategy.md) is to help product teams rapidly build ap
Readme
This library is an Angular implementation of the IFS Design System. The IFS User Experience product group builds and maintains common UI components and tools. The goal is to help product teams rapidly build applications with a delightful IFS branded experience.
Name | URL | Secondary URL |
---|---|---|
Storybook - Latest | https://uxstorybooklatest.z16.web.core.windows.net/ | - |
Storybook - Beta | https://sb-designifs.azureedge.net/ | https://uxstorybookbeta.z16.web.core.windows.net/ |
Granite Component Library Demo - Latest | https://uxdemolatest.z16.web.core.windows.net/ | - |
Granite Component Library Demo - Beta | https://cl-designifs.azureedge.net/ | https://uxdemobeta.z16.web.core.windows.net/ |
Assuming we're starting with a new @angular/cli project:
npx @angular/cli new my-project --style=scss
cd my-project
npm i --save @ifsworld/granite-components
If peer dependencies haven't automatically been installed (default behavior of NPM 7 and beyond), then manually install @ifsworld/granite-icons and @ifsworld/granite-tokens.
npm i --save @ifsworld/granite-icons @ifsworld/granite-tokens
Finally, add them in src/styles.scss
:
@use '@ifsworld/granite-tokens/design-tokens/light/tokens';
@use '@ifsworld/granite-icons/assets/fonts/ligature/granite-iconfont-liga.css';
That's it! Now we can run
npm start
and start building out our application!
Note: currrently there's an issue with the Ivy compiler. To get the project to work, the Ivy Compiler must be set to disabled in tsconfig.json
!
Note: we only support our latest release. Beyond that we make no guarantees of continued support. Make sure to stay up to date.
If you'd like to contribute, please see the Getting started guide. Then follow our Development guidelines.
Check the IFS internal Jira for issues.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
Visit https://design.ifs.com to learn more.
The project is governed by the User Experience Product Group. The mission of the product group is to drive the unified User Experience of IFS business applications. Own and provide UI components and guidelines based on our user's needs. Act as a guide and advisor helping application teams create great UX.
The library supports the most recent versions of the following major browsers: Google Chrome (including Android), Apple Safari (including iOS), and Microsoft Edge. See IFS official guidelines.
We aim for great user experience and to provide high levels of accessibility through support for standardized tools such as ARIA.
FAQs
This library is an Angular implementation of the [IFS Design System](https://design.ifs.com). The IFS User Experience product group builds and maintains common UI components and tools. [The goal](docs/strategy.md) is to help product teams rapidly build ap
The npm package @ifsworld/granite-components receives a total of 801 weekly downloads. As such, @ifsworld/granite-components popularity was classified as not popular.
We found that @ifsworld/granite-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.