open-index/open-npm huggingface dataset:
npm package: @ngx-kit/buttons
Description: ngx-kit - buttons module
Author: Sasha Novik
Latest version: 1.0.0-alpha.3

# @ngx-kit/buttons

## Installation

`npm install @ngx-kit/buttons --save`

## Usage

### Import

```typescript
import { KitButtonsModule } from '@ngx-kit/buttons';
..
@NgModule({
  imports: [
      KitButtonsModule,
...
```

### Use in a template

```html
<kit-button>Button text</kit-button>
```

### API

Customize a button with input params:

```html
<kit-button [type]="'success'" [size]="'s'" ...></kit-button> 
```

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| *type* | string | in-theme | Mainly color changing |
| *size* | string | in-theme | Button size |
| *disabled* | boolean | false | In a disabled state does not raise click event |

Type and size can be different depends on a theme.

#### Default theme params

* type: `default`, `primary`, `success`, `warning`, `error`, `link`
* size: `xs`, `s`, `m`, `l`, `xl`
npm package: @ngx-kit/collection
Description: UI components schematics for Angular-CLI based on ngx-kit
Author: Oleksa Novyk
Latest version: 7.3.2

# Ngx-kit for Angular

The sources for this package are in the main [ngx-kit](https://github.com/ngx-kit/ngx-kit) repo. Please file issues and pull requests against that repo.
npm package: @ngx-kit/forms
Description: ngx-kit - forms module
Author: Sasha Novik
Latest version: 1.0.0-alpha.3

# @ngx-kit/forms

## Installation

`npm install @ngx-kit/core @ngx-kit/forms moment --save`

### Add moment script to `.angular-cli.json`

`"../node_modules/moment/moment.js",`

## Usage

```html
<kit-form-group>
  <kit-form-label>Testy</kit-form-label>
  <kit-input [formControl]="form.controls['testy']"></kit-input>
  <kit-form-error [validator]="'required'" [touched]="true">Yoohoo: You can't leave this empty.</kit-form-error>
  <kit-form-error [validator]="'email'" [touched]="true">Yoohoo: Email invalid.</kit-form-error>
</kit-form-group>
```
npm package: @ngx-kit/icons
Description: ngx-kit - icons module
Author: Sasha Novik
Latest version: 1.0.0-alpha.3

# @ngx-kit/icon

## Installation

`npm install @ngx-kit/icons --save`

## Usage

### Import module

```typescript
import { KitIconsModule } from '@ngx-kit/icons';
..
@NgModule({
  imports: [
    KitIconsModule.forRoot(),
...
```

Use import with `.forRoot()` only once on the top level. 
In other modules just import `KitIconsModule`.

### Register icons

```typescript
import { KitIconsRegistryService } from '@ngx-kit/icons';
...
constructor(private iconsRegistry: KitIconsRegistryService) {
  this.iconsRegistry.register('star', '/assets/icons/star.svg');
  // or
  this.iconsRegistry.registerSet([
      {name: 'star', url: '/assets/icons/star.svg'},
      {name: 'cloud', url: '/assets/icons/cloud.svg'},
  ]);
}
```

### Use in a template

```html
<kit-icon [name]="'star'"></kit-icon>
```

### API

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| **name** (required) | string | null | Name in the registry |
| *color* | string (any css color) | null | Svg fill color |
| *size* | number | 24 | Size in pixels |
npm package: @ngx-kit/ngx-kit
Description: ngx-kit - angular components
Author: Sasha Novik
Latest version: 1.0.0-beta.11

[![Build Status](https://travis-ci.org/ngx-kit/ngx-kit.svg?branch=master)](https://travis-ci.org/ngx-kit/ngx-kit)
[![npm version](https://badge.fury.io/js/%40ngx-kit%2Fngx-kit.svg)](https://www.npmjs.com/@ngx-kit/ngx-kit)

# ngx-kit

Set of low-level components for creating your own Angular UI kit.

Currently in beta, use carefully!

## Let's look

[ngx-kit website](https://ngx-kit.com)
npm package: @ngx-kit/sula
Description: Sula — Angular UI components
Author: Oleksa Novyk
Latest version: 7.1.0

[![npm version](https://badge.fury.io/js/%40ngx-kit%2Fsula.svg)](https://www.npmjs.com/@ngx-kit/sula)

# Sula

Angular UI components with [native CSS variables theming](./projects/ui/src/docs/THEMING.md) and [module extracting feature](./projects/ui/src/docs/EXTRACTING.md).

Browse [live Sula demo & docs](https://sula.ngx-kit.com).

![](./projects/ui-docs/src/assets/sula-preview.png)
npm package: @ngx-kit/ui-base
Description: UI components schematics for Angular-cli based on ngx-kit
Author: Sasha Novik
Latest version: 1.0.0-beta.5

# ui-base

Angular components presets based on ngx-kit.

Currently in beta, use carefully!

## Let's look

[ngx-kit website](https://ngx-kit.com/ui-base)
npm package: @ngx-kit/ui-default
Description: Default set of UI components based on ngx-kit
Author: Sasha Novik
Latest version: 1.0.0-beta.5

[![Build Status](https://travis-ci.org/ngx-kit/ui-default.svg?branch=master)](https://travis-ci.org/ngx-kit/ui-default)
[![npm version](https://badge.fury.io/js/%40ngx-kit%2Fui-default.svg)](https://www.npmjs.com/@ngx-kit/ui-default)
[![Join Discord](http://ngx-kit.com/_etc/discord-badge.svg)](https://discord.gg/Sbehm8X)

# ngx-kit/ui-default

UI components based on ngx-kit.

Currently in beta, use carefully!

## Let's look

[ngx-kit/ui-default website](https://ngx-kit.com/ui-default)