Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
@ai-apps/angular
Advanced tools
Readme
An Angular implementation of the Carbon Design System
Assuming we're starting with a new @angular/cli project:
$ npx @angular/cli new my-project --style=scss
$ cd my-project
$ npm i --save carbon-components-angular carbon-components @carbon/icons-angular
Then we need to include carbon-components in src/styles.scss
:
@import '~carbon-components/scss/globals/scss/styles.scss';
Note: For offline usage we'll need to set
$font-path: '~carbon-components/src/globals/fonts';
at the very top of oursrc/styles.scss
. This will copy the fonts to ourdist
folder upon successful build. If you like the fonts to be a part of yourassets
folder and not pollute thedist
folder then copy the fonts fromnode_modules/carbon-components/src/globals/fonts
into our app'ssrc/assets/fonts
folder and add$font-path: '/assets/fonts/';
at the very top of oursrc/styles.scss
.
That's it! Now we can run npm start
and start building out our application!
Note: This isn't the only way to bootstrap a
carbon-components-angular
application, but the combination of@angular/cli
and thecarbon-components
scss is our recommended setup.
npm install
to grab all the dependencies, then npm run storybook
to start storybooksrc
index.ts
npm test
and npm run lint
to make sure the tests and linter passTo keep our build dependencies local we use npm scripts to run our webpack, gulp, and general build tasks. You should never install webpack or gulp globally as that will likely conflict with our version. You should never need to modify the build process to add a component or story.
npm run storybook
to run storybook (port 6006)npm run build
to generate the distdocs:build
to build documentationdocs:server
to build and run the documentation servernpm run lint
to run tslintnpm test
to run testsRead our code of conduct here
FAQs
AI Applications PAL in Angular
We found that @ai-apps/angular demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 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
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).