open-index/open-npm huggingface dataset:
npm package: @prom_ayushp/user-screens
Description: ��# How to Use?  This is component library which has two screens:  |Components      |Exposed Props                  |Descript
Latest version: 0.0.4

��# How to Use?

This is component library which has two screens:

|Components      |Exposed Props                  |Description                  				        |
|----------------|-------------------------------|--------------------------------------------------|
|Sign			 |`handleLoginButton`            |this is where you will write your login logic     |
|				 |`handleForgotPassword`         |this is where you will write your forgot pwd logic|
|SignUp          |`handleSignUpButton`           |this is where you will write your signup logic    |

No shit sherlock right! :P

# Things to Remember
Since this is just a tailwind plugin, so lil bit config will be required before you can use it.

```js
module.exports = {
                    content:  [...,
                                ./node_modules/@prom_ayushp/user-screens/**/*.js', ],
                               ...,
                 }
```
ofc, you should have default tailwind configured as well, visit official documentation of tailwind for that.

Happy coding!!
npm package: @promact/ngx-material-colorpicker
Description: Color picker component (based on angular material 7+)
Latest version: 0.0.3

# ngx-material-colorpicker

Color picker component (based on angular material 7+)

## Usage

```
npm install --save @promact/ngx-material-colorpicker
```

### Import
```
import { ColorpickerModule } from 'ngx-material-colorpicker';

// In your App's module:
imports: [
   ColorpickerModule
]
```

### Add in your HTML

```
<ngx-material-colorpicker [(ngModel)]="color"></ngx-material-colorpicker>
```

## API

### Properties

| Name | Type | Description |
| --- | --- | --- |
| `disabled` | `boolean` | Whether or not the colorpicker is disabled |
| `format` | `string` | 	Color format:'hex', 'rgb', 'hsl'.Default :hex |
| `id` | `number` | The unique ID of this colorpicker. |
| `tabindex` | `number` | The tabIndex of the colorpicker. |

### Events

| Name | Type | Description |
| --- | --- | --- |
| `change` | `Event` | Fired when color is changed |

### Examples
A colorpicker would have the following markup.
```html
<ngx-material-colorpicker [(ngModel)]="color"></ngx-material-colorpicker>
```
```html
<ngx-material-colorpicker [(ngModel)]="color" format="hsla"></ngx-material-colorpicker>
```
```html
<ngx-material-colorpicker [(ngModel)]="color" [disabled]="true"></ngx-material-colorpicker>
```

## Developing

### Change code in projects/ngx-material-colorpicker/src folder

### Build library

```
npm run build:lib
```

### Run demo

```
ng serve
```