open-index/open-npm huggingface dataset:
npm package: @gohp/design-system
Description: Este é o design system oficial da GOHP, feito com Vue 3, TypeScript e Vite. Ele oferece componentes reutilizáveis e padronizados para uso em múltiplas aplicações.
Latest version: 1.1.132

# 🧩 GOHP Design System

Este é o design system oficial da GOHP, feito com Vue 3, TypeScript e Vite. Ele oferece componentes reutilizáveis e padronizados para uso em múltiplas aplicações.

---

## 💡 Tecnologias

- Vue 3 (Composition API)
- TypeScript
- Vite
- SCSS / PostCSS
---
npm package: @goil_security/goil-alerts
Description: ## Installation
Latest version: 2.0.0

# Goil Angular

## Installation

Open a Terminal in the project root and run:

```bash
# Using npm
npm install --save @goil_security/goil-alerts

# Using yarn
yarn add @goil_security/goil-alerts
```

#### Import the library on the AppModule

```
import { GoilAlertsModule } from '@goil_security/goil-alerts';

@NgModule({
  ...
  imports: [
    ...
    GoilAlertsModule
  ]
  ...
})
```

#### Example of a basic AppModule with the library imported

```
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { GoilAlertsModule } from '@goil_security/goil-alerts';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    GoilAlertsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

## Quick start

Once you've installed the library then you can start using the angular component. This code should be on the page you want to show it.

```html
<goil-alerts clientId="" accessToken="" mapboxAccessToken="" lang="en"></goil-alerts>
```

## API reference

| name                      | type     | default | description                                                                                                                                   |
| ------------------------- | -------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| accessToken [PROVISIONAL] | `string` |         | Access token provided from the Atlabs team in order to make the requests to the server and identify the agent account. **Provided by Atlabs** |
| clientId                  | `string` |         | Client ID in order to get all the config from the specified client. **Provided by Atlabs.**                                                   |
| mapboxAccessToken         | `string` |         | Mapbox token used to identify and show the map. **Provided by Atlabs.**                                                                       |
| lang (Optional)           | `string` | es      | Language in which the component will show. Available languages: Catalan (ca), Spanish (es), English (en)                                      |

For a better control of the component, you should encapsulate it on a container with your desired height.

## Example

```html
<div class="goil-alerts">
  <goil-alerts clientId="" accessToken="" mapboxAccessToken="" lang="en"></goil-alerts>
</div>
```

```css
.goil-alerts {
  height: 600px;
  max-height: 600px;
}
```