open-index/open-npm huggingface dataset:
npm package: @ngx-stoui/core
Description: Core packages like styling, pipes and common directives for Angular, based on EDS design styles
Author: Ronnie Laugen
Latest version: 21.0.7

# @ngx-stoui/core

Core packages like styling, pipes and common directives for Angular, based on EDS design styles.

## Installation

```bash
npm install @ngx-stoui/core
```

## Public API

### Compiled Stylesheets

Import these in your `styles.scss` or `angular.json`:

```scss
// Main stylesheet with all components and utilities
@import '@ngx-stoui/core/ngx-stoui.css';

// Datatable stylesheet (optional, if using datatables)
@import '@ngx-stoui/core/ngx-datatable.css';
```

### SCSS Utilities (for advanced usage)

#### Grid System

Use the grid mixin to create responsive grid layouts:

```scss
@use '@ngx-stoui/core/style/grid' as grid;

.my-grid {
  @include grid.grid(12); // 12-column grid
}

.my-compact-grid {
  @include grid.grid(4, 'column', 0); // 4-column grid with custom class name
}
```

#### Theme Variables and Mixins

Access theme variables, typography, and create custom themed components:

```scss
@use 'sass:map';
@import '@ngx-stoui/core/style/theme/theme';

// Access theme variables
@mixin my-component-theme($theme, $variables) {
  $primary: map.get($variables, primary);
  $accent: map.get($variables, accent);

  .my-component {
    background: $primary;
    color: $accent;
  }
}

// Apply to light and dark themes
.light-theme {
  @include my-component-theme($sto-theme, $variables);
}

.dark-theme {
  @include my-component-theme($sto-dark-theme, $dark-variables);
}
```

#### Typography Only

If you only need typography definitions:

```scss
@import '@ngx-stoui/core/style/theme/typography';

// Access typography variables:
// - $sto-typography (default 13px)
// - $sto-sm-typography (small 10px)
// - $sto-l-typography (large 16px)
```

## Available Exports

### Compiled CSS

- `ngx-stoui.css` - Main stylesheet
- `ngx-datatable.css` - Datatable styles

### SCSS Utilities

- `style/grid.scss` - Grid mixin system
- `style/theme/theme.scss` - Complete theme with variables and components
- `style/theme/_typography.scss` - Typography configurations
- `style/theme/_theme.scss` - Theme color palettes
- `style/theme/_colors.scss` - Color definitions
- `style/theme/_theme-variables.scss` - Theme variable functions
- `style/theme/components.scss` - All component styles

### Fonts

- Equinor font files (`.woff`, `.woff2`)

## Usage Examples

### Basic Setup

```scss
// styles.scss
@import '@ngx-stoui/core/ngx-stoui.css';
```

### With Grid System

```scss
// styles.scss
@use '@ngx-stoui/core/style/grid' as grid;
@import '@ngx-stoui/core/ngx-stoui.css';

.product-grid {
  @include grid.grid(6); // 6-column grid
}
```

### With Custom Theming

```scss
// styles.scss
@use 'sass:map';
@import '@ngx-stoui/core/ngx-stoui.css';
@import '@ngx-stoui/core/style/theme/theme';

@mixin app-theme($theme, $variables) {
  // Your custom theme styles using $variables
}

@include app-theme($sto-theme, $variables);

.sto-dark-theme {
  @include app-theme($sto-dark-theme, $dark-variables);
}
```

## Running unit tests

Run `nx test core` to execute the unit tests.
npm package: @ngx-stoui/swimlane-datatable
Description: mirror of @swimlane/ngx-datatable pending merge of https://github.com/swimlane/ngx-datatable/pull/2064.
Author: Swimlane
Latest version: 20.0.0

# ngx-datatable

[![Join the chat at https://gitter.im/swimlane/ngx-datatable](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/swimlane/ngx-datatable?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Code Climate](https://codeclimate.com/github/swimlane/ngx-datatable/badges/gpa.svg)](https://codeclimate.com/github/swimlane/ngx-datatable)
[![Test Coverage](https://codeclimate.com/github/swimlane/ngx-datatable/badges/coverage.svg)](https://codeclimate.com/github/swimlane/ngx-datatable/coverage)
[![npm version](https://badge.fury.io/js/%40swimlane%2Fngx-datatable.svg)](https://badge.fury.io/js/%40swimlane%2Fngx-datatable)
[![npm downloads](https://img.shields.io/npm/dm/@swimlane/ngx-datatable.svg)](https://npmjs.org/@swimlane/ngx-datatable)

`ngx-datatable` is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with _no external dependencies_. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it.

It was built for modern browsers using _TypeScript, CSS3 and HTML5_ and Angular `8.0.0`. This is the sister project of the [angular-data-table](https://github.com/swimlane/angular-data-table) that is designed for Angular 1.x.

Check out the [documentation](https://swimlane.gitbook.io/ngx-datatable/) & [demos](http://swimlane.github.io/ngx-datatable/) for more information!

See the [changelog](https://github.com/swimlane/ngx-datatable/blob/master/docs/changelog.md) for recent changes.

## Features

- Handle large data sets ( Virtual DOM )
- Expressive Header and Cell Templates
- Horizontal & Vertical Scrolling
- Column Reordering & Resizing
- Client/Server side Pagination & Sorting
- Intelligent Column Width Algorithms ( Force-fill & Flex-grow )
- Integrated Pager
- Cell & Row Selection ( Single, Multi, Keyboard, Checkbox )
- Fixed AND Fluid height
- Left and Right Column Pinning
- Row Detail View
- Decoupled theme'ing with included Google Material theme
- Light codebase / No external dependencies
- AoT Compilation Support
- Universal Support

## Installation

To use ngx-datatable in your project install it via [npm](https://www.npmjs.com/package/@swimlane/ngx-datatable):

```
npm i @swimlane/ngx-datatable --save
```

## Credits

`ngx-datatable` is a [Swimlane](http://swimlane.com) open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

[SecOps Hub](http://secopshub.com) is an open, product-agnostic, online community for security professionals to share ideas, use cases, best practices, and incident response strategies.
npm package: @ngx-tc/alert
Description: Lightweight and customizable library that provides simple and elegant alert notifications for Angular applications
Author: type0code
Latest version: 1.1.0

# About

@ngx-tc/alert is an Angular library that provides developers with the ability to easily create alerts in their applications. The library is designed to be easy to use and customizable, allowing developers to quickly and easily create alerts that fit their specific needs.

The library includes a number of pre-built alert templates, which can be easily customized to fit the specific requirements of your application. These templates include standard alert types such as success, warning, error, and info, as well as more complex templates such as confirmation dialogs and notifications.

The library is built using Angular. It is designed to be lightweight and easy to use, with minimal setup required to get started. Overall, @ngx-tc/alert is a powerful and flexible library that provides developers with the tools they need to create effective and customizable alerts for their Angular applications.

## Usage

Install `@ngx-tc/alert` in your project:

```
npm install @ngx-tc/alert
```

Import `TcAlertModule` e.g. in your `app.module.ts`:
```typescript
import { TcAlertModule } from '@ngx-tc/alert';

@NgModule({
  imports: [
    ...
      TcAlertModule
  ],
})
export class AppModule {}
```

Use the `@ngx-tc/alert` component in you app:
```html
<tc-alert>
  Alert content
</tc-alert>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/alerts](http://tc-library.type-code.pro/#/components/alerts)
npm package: @ngx-tc/avatar
Description: Angular UI components library that allows developers to generate customizable avatars with initials or images for Angular applications.
Author: type0code
Latest version: 1.1.0

## About

@ngx-tc/avatar is an Angular library that provides developers with an easy and customizable way to display avatars in their applications. The library includes a range of pre-built avatar templates, which can be easily customized to suit the specific needs of your application. These templates include standard avatar shapes, such as circles and squares, as well as customizable options for size, color, and image source.

## Usage

Install `@ngx-tc/avatar` in your project:

```
npm install @ngx-tc/avatar
```

Import `TcAvatarModule` e.g. in your `app.module.ts`:
```typescript
import { TcAvatarModule } from '@ngx-tc/avatar';

@NgModule({
  imports: [
    ...
    TcAvatarModule
  ],
})
export class AppModule {}
```

Use the `tc-avatar` component in you app:
```html
<tc-avatar [src]="'image source'"></tc-avatar>
<tc-avatar [initials]="'JD'"></tc-avatar>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/avatars](http://tc-library.type-code.pro/#/components/avatars)
npm package: @ngx-tc/badge
Description: Angular library provides badges as a UI component to display visual indicators such as labels, counters, or statuses.
Author: type0code
Latest version: 1.1.0

# About

@ngx-tc/badge is an Angular library that provides developers with a UI component to display badges in their applications. The library is designed to be easy to use and customizable, allowing developers to quickly and easily create badges that fit their specific needs.

The library includes a number of pre-built badge templates, which can be easily customized to fit the specific requirements of your application. These templates include standard badge types such as labels, counters, and statuses.

The library is built using Angular and is designed to be lightweight and easy to use, with minimal setup required to get started. Overall, @ngx-tc/badge is a powerful and flexible library that provides developers with the tools they need to create effective and customizable badges for their Angular applications.

## Usage

Install `@ngx-tc/badge` in your project:

```
npm install @ngx-tc/badge
```

Import `TcBadgeModule` e.g. in your `app.module.ts`:
```typescript
import { TcBadgeModule } from '@ngx-tc/badge';

@NgModule({
  imports: [
    ...
      TcBadgeModule
  ],
})
export class AppModule {}
```

Use the `tc-badge` component in you app:
```html
<tc-badge>
  Badge
</tc-badge>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/badges](http://tc-library.type-code.pro/#/components/badges)
npm package: @ngx-tc/base
Description: Angular UI components library
Author: type0code
Latest version: 1.2.0

# About

`@ngx-tc/base` is an Angular library that provides a set of base functionalities, including interfaces, directives, general CSS styles, and variables, which can be used in combination with other `ngx-tc` libraries to create a unified UI experience.

The main focus of `@ngx-tc/base` is on providing a consistent set of styles and variables that can be used across different `ngx-tc` libraries. This includes things like color palettes, typography, spacing, and layout, as well as other commonly used design elements.

By using `@ngx-tc/base` in conjunction with other libraries, you can ensure that all of your components use a consistent set of styles and variables, which can help to create a more cohesive and visually appealing UI.

In addition to providing a set of base styles and variables, `@ngx-tc/base` also includes a set of pre-built components and utilities that can be used to enhance the functionality of your application. For example, it includes a set of UI components that provide built-in accessibility features and support for different screen sizes and devices.

## Usage

Install `@ngx-tc/base` in your project:

```
npm install @ngx-tc/base
```

Import `TcBaseModule` e.g. in your `app.module.ts`:
```typescript
import { TcBaseModule } from '@ngx-tc/base';

@NgModule({
  imports: [
    ...
      TcBaseModule
  ],
})
export class AppModule {}
```
npm package: @ngx-tc/button
Description: Angular library that provides developers with a UI component to create and customize buttons in their applications.
Author: type0code
Latest version: 1.1.0

# About

@ngx-tc/button is an Angular library that provides developers with the ability to easily create buttons in their applications. The library is designed to be easy to use and customizable, allowing developers to quickly and easily create buttons that fit their specific needs.

The library includes a number of pre-built button templates, which can be easily customized to fit the specific requirements of your application. These templates include standard button types such as primary, accent, success, info, warning, and error, as well as more complex templates such as toggle buttons and icon buttons.

The library is built using Angular. It is designed to be lightweight and easy to use, with minimal setup required to get started. Overall, @ngx-tc/button is a powerful and flexible library that provides developers with the tools they need to create effective and customizable buttons for their Angular applications.

## Usage

Install `@ngx-tc/button` in your project:

```
npm install @ngx-tc/button
```

Import `TcButtonModule` e.g. in your `app.module.ts`:
```typescript
import { TcButtonModule } from '@ngx-tc/button';

@NgModule({
  imports: [
    ...
    TcButtonModule
  ],
})
export class AppModule {}
```

Use the `tc-button` directive in you app:
```html
<button tc-button>
  Button
</button>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/buttons](http://tc-library.type-code.pro/#/components/buttons)
npm package: @ngx-tc/card
Description: A card component is a versatile UI element that can effectively showcase a variety of content related to a single subject. It is typically used to display bite-sized pieces of information, such as product features, news articles, or user profiles, in a vi
Author: type0code
Latest version: 1.2.0

# About

@ngx-tc/card is an Angular library that provides developers with the ability to easily create customizable cards in their applications. The library is designed to be easy to use and allows developers to create responsive and adaptive cards that fit their specific needs.

The library includes a number of pre-built card templates, which can be easily customized to fit the specific requirements of your application. These templates include standard card types such as basic card, media card, and advanced card.

The library is built using Angular. It is designed to be lightweight and easy to use, with minimal setup required to get started. Overall, @ngx-tc/card is a powerful and flexible library that provides developers with the tools they need to create effective and customizable cards for their Angular applications.

## Usage

Install `@ngx-tc/card` in your project:

```
npm install @ngx-tc/card
```

Import `TcCardModule` e.g. in your `app.module.ts`:
```typescript
import { TcCardModule } from '@ngx-tc/card';

@NgModule({
  imports: [
    ...
    TcCardModule
  ],
})
export class AppModule {}
```

Use the `tc-card` component in you app:
```html
<tc-card [title]="'Card title'">
  Card content
</tc-card>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/cards](http://tc-library.type-code.pro/#/components/cards)
npm package: @ngx-tc/dropdown
Description: Angular custom dropdown library that empowers developers to easily and quickly create fully customizable dropdown menus.
Author: type0code
Latest version: 1.2.0

# Dropdown

@ngx-tc/dropdown is an Angular custom dropdown library that empowers developers to easily and quickly create fully customizable dropdown menus in their Angular applications. With a simple and flexible API, this library provides a wide range of features and options for creating dropdown menus with custom styling, animations, and advanced functionality.

Built with Angular directives and both static and dynamic components, this library is fast, lightweight, and easily integrates with existing Angular applications. It leverages modern web technologies such as CSS3 and HTML5 to create smooth and responsive user experiences, ensuring that dropdown menus are both visually appealing and easy to use.

One of the standout features of this library is its exceptional flexibility. Developers can easily customize the appearance and behavior of the dropdown menu to match the look and feel of their application. They can also take advantage of advanced features such as keyboard navigation, lazy loading, and multi-select, among others, to create dropdown menus that cater to the specific needs of their users.

Overall, @ngx-tc/dropdown is a powerful tool for creating engaging and customizable dropdown menus in Angular applications. Its comprehensive feature set and ease of integration make it an ideal choice for developers who want to create dropdown menus that not only look great but also offer an exceptional user experience.

## Usage

Install `@ngx-tc/dropdown` in your project:

```
npm install @ngx-tc/dropdown
```

Import `TcDropdownModule` e.g. in your `app.module.ts`:
```typescript
import { TcDropdownModule } from '@ngx-tc/dropdown';

@NgModule({
  imports: [
    ...
    TcDropdownModule
  ],
})
export class AppModule {}
```

Use the `tc-dropdown` component in you app:
```html
<tc-dropdown>
  <a href="#" tc-dropdown-trigger>Dropdown link</a>
  
  <ng-container tc-dropdown-content>
    Dropdown content
  </ng-container>
</tc-dropdown>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/dropdowns](http://tc-library.type-code.pro/#/components/dropdowns)
npm package: @ngx-tc/file
Description: Angular library for easy file show and management in applications.
Author: type0code
Latest version: 1.1.0

# About

@ngx-tc/file is an Angular library that provides developers with a simple way to show and manage files in their applications. The library is designed to be flexible and customizable, allowing developers to quickly and easily integrate file upload functionality into their applications.

The library includes a number of pre-built components that can be used to create file upload forms, display uploaded files, and manage file metadata. These components are fully customizable, allowing developers to modify the appearance and behavior of each component to fit their specific needs.

The @ngx-tc/file library is built using Angular and is designed to be lightweight and easy to use. Minimal setup is required to get started, and the library can be easily integrated into existing Angular projects.

## Usage

Install `@ngx-tc/file` in your project:

```
npm install @ngx-tc/file
```

Import `TcFileModule` e.g. in your `app.module.ts`:
```typescript
import { TcFileModule } from '@ngx-tc/file';

@NgModule({
  imports: [
    ...
    TcFileModule
  ],
})
export class AppModule {}
```

Use the `tc-file` component in you app:
```html
<tc-file [type]="'file-type'" [title]="'file-name'"></tc-file>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/files](http://tc-library.type-code.pro/#/components/files)
npm package: @ngx-tc/form-description
Description: Angular library that offers a UI component for displaying concise information about form fields.
Author: type0code
Latest version: 1.0.0

# About

@ngx-tc/form-description is an Angular library that provides a UI component for displaying concise information about form fields. This library allows developers to easily add field descriptions to their forms, improving usability and accessibility for end-users. It is built on Angular and is designed to be lightweight, easy to use, and highly customizable.

## Usage

Install `@ngx-tc/form-description` in your project:

```
npm install @ngx-tc/form-description
```

Import `TcFormDescriptionModule` e.g. in your `app.module.ts`:
```typescript
import { TcFormDescriptionModule } from '@ngx-tc/form-description';

@NgModule({
  imports: [
    ...
    TcFormDescriptionModule
  ],
})
export class AppModule {}
```

Use the `tc-form-description` component in you app:
```html
<tc-form-description>
  Form control description
</tc-form-description>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/inputs](http://tc-library.type-code.pro/#/components/inputs)
npm package: @ngx-tc/form-group
Description: Angular UI library that simplifies grouping and displaying form elements.
Author: type0code
Latest version: 1.0.0

## About

Angular UI library that simplifies grouping and displaying form elements. With a lightweight and customizable design, this library improves the usability and accessibility of your forms.

## Usage

Install `@ngx-tc/form-group` in your project:

```
npm install @ngx-tc/form-group
```

Import `TcFormGroupModule` e.g. in your `app.module.ts`:
```typescript
import { TcFormGroupModule } from '@ngx-tc/form-group';

@NgModule({
  imports: [
    ...
    TcFormGroupModule
  ],
})
export class AppModule {}
```

Use the `tc-form-group` component in you app:
```html
<tc-form-group>
  <tc-form-label>Form control label</tc-form-label>

  <tc-input [placeholder]="'Placeholder'"></tc-input>

  <tc-form-description>Form control description</tc-form-description>
</tc-form-group>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/inputs](http://tc-library.type-code.pro/#/components/inputs)
npm package: @ngx-tc/form-label
Description: Angular library that offers a UI component for displaying label text about form fields.
Author: type0code
Latest version: 1.0.0

## About

@ngx-tc/form-label is an Angular library that provides a UI component for displaying label text about form fields. This library allows developers to easily add field label to their forms, improving usability and accessibility for end-users. It is built on Angular and is designed to be lightweight, easy to use, and highly customizable.

## Usage

Install `@ngx-tc/form-label` in your project:

```
npm install @ngx-tc/form-label
```

Import `TcFormLabelModule` e.g. in your `app.module.ts`:
```typescript
import { TcFormLabelModule } from '@ngx-tc/form-label';

@NgModule({
  imports: [
    ...
    TcFormLabelModule
  ],
})
export class AppModule {}
```

Use the `tc-form-label` component in you app:
```html
<tc-form-label>
  Form control label
</tc-form-label>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/inputs](http://tc-library.type-code.pro/#/components/inputs)
npm package: @ngx-tc/input
Description: Angular library that provides customizable form inputs to enhance user experience and simplify form management in Angular applications.
Author: type0code
Latest version: 1.0.0

## About

The ngx-tc/input library is an Angular module that provides custom form inputs to developers. It is designed to simplify the process of creating custom inputs and to make it easy to create inputs that meet specific requirements.

The ngx-tc/input library is built using Angular and is designed to be lightweight and easy to use. Minimal setup is required to get started, and the library is fully compatible with reactive forms and template-driven forms. It also includes features like validation, disabled/enabled inputs, and various styles to give users more control over the look and feel of their forms.

## Usage

Install `@ngx-tc/input` in your project:

```
npm install @ngx-tc/input
```

Import `TcInputModule` e.g. in your `app.module.ts`:
```typescript
import { TcInputModule } from '@ngx-tc/input';

@NgModule({
  imports: [
    ...
    TcInputModule
  ],
})
export class AppModule {}
```

Use the `tc-input` component in you app:
```html
<tc-input formControlName="controlName"></tc-input>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in this library and see how they can be used in your Angular applications.
[http://tc-library.type-code.pro/#/components/inputs](http://tc-library.type-code.pro/#/components/inputs)
npm package: @ngx-tc/list
Description: Angular library that provides customizable and reusable components for creating various types of lists in applications, making it easy to create robust and responsive list-based interfaces.
Author: type0code
Latest version: 1.0.0

## About

@ngx-tc/list is an Angular library that provides developers with an easy way to create lists in their applications. The library includes a set of customizable and reusable components that can be used to create lists of items such as menus, navigation items, or any other type of list-based content.

The @ngx-tc/list library includes a number of pre-built list components that can be easily customized and extended to fit the needs of any application. These components include the List Component, which is the main component for displaying a list of items, as well as several supporting components such as List Item, List Header, and List Footer.

@ngx-tc/list is designed to be easy to use and highly customizable, with a focus on performance and scalability. Whether you need to display a simple list or a complex set of nested lists, @ngx-tc/list provides the tools you need to create robust and responsive list-based interfaces in your Angular applications.

## Usage

Install `@ngx-tc/list` in your project:

```
npm install @ngx-tc/list
```

Import `TcListModule` e.g. in your `app.module.ts`:
```typescript
import { TcListModule } from '@ngx-tc/list';

@NgModule({
  imports: [
    ...
    TcListModule
  ],
})
export class AppModule {}
```

Use the `tc-list` component in you app:
```html
<tc-list>
  <tc-list-item>Item 1</tc-list-item>
  <tc-list-item>Item 2</tc-list-item>
  <tc-list-item>Item 3</tc-list-item>
</tc-list>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in @ngx-tc/list and see how they can be used to create powerful and responsive list-based interfaces in your Angular applications.
[http://tc-library.type-code.pro/#/components/lists](http://tc-library.type-code.pro/#/components/lists)
npm package: @ngx-tc/rating
Description: Angular library that provides developers with an easy way to add rating components to their applications.
Author: type0code
Latest version: 1.0.0

## About

@ngx-tc/rating is an Angular library that provides developers with an easy way to add rating components to their applications. The library includes a set of customizable and reusable components that can be used to display and collect ratings from users.

@ngx-tc/rating is designed to be easy to use and highly customizable, with a focus on performance and scalability. Whether you need to display a simple rating or a complex set of nested ratings, @ngx-tc/rating provides the tools you need to create robust and responsive rating-based interfaces in your Angular applications.

## Usage

Install `@ngx-tc/rating` in your project:

```
npm install @ngx-tc/rating
```

Import `TcRatingModule` e.g. in your `app.module.ts`:
```typescript
import { TcRatingModule } from '@ngx-tc/rating';

@NgModule({
  imports: [
    ...
    TcRatingModule
  ],
})
export class AppModule {}
```

Use the `tc-rating` component in you app:
```html
<tc-rating formControlName="ratingField"></tc-rating>
```

## Demo
To view a working demo of the library in action, please follow the provided link. The demo will allow you to explore the various components and features included in @ngx-tc/list and see how they can be used to create powerful and responsive list-based interfaces in your Angular applications.
[http://tc-library.type-code.pro/#/components/ratings](http://tc-library.type-code.pro/#/components/ratings)