open-index/open-npm huggingface dataset:
npm package: @lemoncloud/components
Description: <p align="center">   <img width="200px" src="https://github.com/lemoncloud-io/components/raw/develop/static/assets/lemoncloud-logo.png"> </p>
Latest version: 0.3.5

<p align="center">
  <img width="200px" src="https://github.com/lemoncloud-io/components/raw/develop/static/assets/lemoncloud-logo.png">
</p>

<h1 align="center">Lemoncloud Components</h1>

<p align="center">Angular components for Lemoncloud</p>

<p align="center">
  <a aria-label="build status" href="https://github.com/lemoncloud-io/components/actions">
    <img alt="" src="https://github.com/lemoncloud-io/components/workflows/build/badge.svg">
  </a>
  <a aria-label="npm package" href="https://www.npmjs.com/package/@lemoncloud/components">
    <img alt="" src="https://img.shields.io/npm/v/@lemoncloud/components.svg">
  </a>
  <a aria-label="last commit" href="https://github.com/lemoncloud-io/components/commits/develop">
    <img alt="" src="https://img.shields.io/github/last-commit/lemoncloud-io/components.svg">
  </a>
  <a aria-label="license" href="https://github.com/lemoncloud-io/components/blob/develop/LICENSE">
    <img src="https://img.shields.io/github/license/lemoncloud-io/components.svg" alt="">
  </a>
</p>


## Installation

```shell
$ npm i @lemoncloud/components
$ yarn install @lemoncloud/components
```

## Usage

### LemonMobileUIModule

```typescript
import { LemonMobileUIModule } from '@lemoncloud/components';

@NgModule({
    imports: [ LemonMobileUIModule ]
})
```

### Example

- [example](https://stackblitz.com/edit/lemon-auth-ui)

---

#### TODO: documentation

##### lemon-login-button

##### lemon-large-button

##### lemon-password-fields

##### lemon-custom-checkbox

##### lemon-numeric-input

##### lemon-numeric-keypad


## License

[MIT](https://github.com/lemoncloud-io/components/blob/master/LICENSE) License.
npm package: @lemoncloud/lemon-admin-lib
Description: Reusable angular card component with bootstrap
Latest version: 0.0.5
Deprecated: this

# Lemon Admin Library

Reusable angular card component with bootstrap

## Installation

```
$ npm i @lemoncloud/lemon-admin-lib 
$ yarn install @lemoncloud/lemon-admin-lib 
```

## Demo

- [lemon-admin-card](https://stackblitz.com/edit/lemon-admin-card)

## Usage

Example 

Import each LemonAdminLibModule into your module file and use the lemon admin component anywhere. 
```typescript
import { LemonAdminLibModule } from '@lemoncloud/lemon-admin-lib';

@NgModule({
    imports: [LemonAdminLibModule]
})
```

Then add data for lemon-admin-card into your component

```typescript
import { Component } from '@angular/core';

@Component({
  selector: 'your-component',
  template: `
    <lemon-admin-card [data]="rawData" (actionOutput)="outputFunc($event)"></lemon-admin-card>
  `,
})
export class YourComponent {
    rawData = {
        title: 'TEST-TITLE',
        badge: 'badgeData',
        actions: [
            { name: 'TestAction1', request: 'testurl1' },
            { name: 'TestAction2', request: 'testurl2' },
            { name: 'TestAction3', request: 'testurl3' },
        ],
        fields: [
            { title: 'TestField1', value: 'testFieldValue1', isOneColumn: false },
            { title: 'TestField2', value: 'testFieldValue2', isOneColumn: false },
            { title: 'OneColumnField1', value: 'OneColumnFieldValue_1111111111111111', isOneColumn: true },
            { title: 'TestField4', value: 'testFieldValue4', isOneColumn: false },
            { title: 'OneColumnField2', value: 'OneColumnFieldValue_2222222222222222', isOneColumn: true },
            { title: 'TestField6', value: 'testFieldValue6', isOneColumn: false },
        ]
    };
    
    constructor() { }
    
    public outputFunc(event: any) {
        // TODO: add something...
        console.log(event)
    }
}
```

## License

[MIT](https://github.com/lemoncloud-io/lemon-ng-lib/blob/master/LICENSE) license.