NgxThoughtDesign

How to use

• npm install td-ng
• Import modules you need in your components

       import { TDSidebarModule } from 'td-ng'

• In your main scss file, import td-ng sass file after variable but before possible overrides, like we do for bootstrap-sass

    @import "settings/variable";
    @import "~td-ng/scss/td-ng";
    @import "components/cards";

• This would allow your custom vaiables override the default variables in td-ng

Code scaffolding

Run ng generate component component-name --project NgxThoughtDesign to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project NgxThoughtDesign.

Note: Don't forget to add --project NgxThoughtDesign or else it will be added to the default project in your angular.json file.

Making Changes

After making changes to the code or adding new features, you can test it locally in this app holding this library, and after testing everything, you need to increase the version of the library in the package.json file before you build and publish.

Build

Run npm run build:td-ng to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with npm run build:td-ng, go to the dist folder cd dist/ngx-thought-design and run npm publish.

https://www.npmjs.com/package/td-ng

Note: You need a library owner to add you as a contributor to be able to publish the library.

Update Your Project

Make sure you update td-ng package version in your project and run npm install to get the latest changes.