AltaRailComponents

This library was generated with Angular CLI version 14.2.0.

Code scaffolding

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

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

Installation

Run npm install @alta-rt/alta-rail-technology-components@latest --force on your project and wait for the installation to be completed.

Build

Run ng build alta-rail-components --configuration production to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build alta-rail-components --configuration production, go to the dist folder cd dist/alta-rail-components and run npm publish and set the new version on the package-lock.json of the dist folder.

Components description

• Data Table: A dinamic table component that accepts via Input() columns, rows, tableKeys, filterKeys, filterLabels, actions, paginatorData, hasAddButton, hasFilter, fixedOpenFilter, title, language, containerElement to display data and a action Output() event pass interation data to the parent component.
• Modal: A default modal component that acceps a component via ng-content, and send data to the parent component via Output(). This modal also receives title and the option hideFooter via Input().
• Card: A customizable card component that accepts an ng-content and receives width and height via input.
• Loading: A customizable loading component that receives size, border and containerSize to adapt do any component.
• Radio dropdown: A dropdown that receives a list of options and send actions to the parent component.

Import styles and typography

To import our default styles styles and themes, basically you need to write these imports on tha main scss of the application (after the installation via NPM):

@import "../node_modules/@alta-rt/alta-rail-technology-components/assets/styles/styles.scss"; @import "../node_modules/@alta-rt/alta-rail-technology-components/assets/themes/themes.scss";

Running unit tests

Run ng test alta-rail-components to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.