open-index/open-npm huggingface dataset:
npm package: @notiz/capacitor-plugin-android-safe-area
Description: Safe area for Android
Latest version: 0.1.0

# @notiz/capacitor-plugin-android-safe-area

Safe area

## Install

```bash
npm install @notiz/capacitor-plugin-android-safe-area
npx cap sync
```

## API

<docgen-index>

* [`refresh()`](#refresh)
* [`getSafeAreaInsets()`](#getsafeareainsets)
* [`addListener('safeAreaPluginsInsetChange', ...)`](#addlistenersafeareapluginsinsetchange)
* [Interfaces](#interfaces)
* [Type Aliases](#type-aliases)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### refresh()

```typescript
refresh() => Promise<void>
```

--------------------


### getSafeAreaInsets()

```typescript
getSafeAreaInsets() => Promise<SafeAreaInsetsResult>
```

**Returns:** <code>Promise&lt;<a href="#safeareainsetsresult">SafeAreaInsetsResult</a>&gt;</code>

--------------------


### addListener('safeAreaPluginsInsetChange', ...)

```typescript
addListener(eventName: 'safeAreaPluginsInsetChange', listener: SafeAreaInsetsChangedCallback) => PluginListenerHandle
```

| Param           | Type                                                                                    |
| --------------- | --------------------------------------------------------------------------------------- |
| **`eventName`** | <code>'safeAreaPluginsInsetChange'</code>                                               |
| **`listener`**  | <code><a href="#safeareainsetschangedcallback">SafeAreaInsetsChangedCallback</a></code> |

**Returns:** <code><a href="#pluginlistenerhandle">PluginListenerHandle</a></code>

--------------------


### Interfaces


#### SafeAreaInsetsResult

| Prop         | Type                                                      |
| ------------ | --------------------------------------------------------- |
| **`insets`** | <code><a href="#safeareainsets">SafeAreaInsets</a></code> |


#### SafeAreaInsets

| Prop         | Type                |
| ------------ | ------------------- |
| **`top`**    | <code>number</code> |
| **`bottom`** | <code>number</code> |
| **`right`**  | <code>number</code> |
| **`left`**   | <code>number</code> |


#### PluginListenerHandle

| Prop         | Type                                      |
| ------------ | ----------------------------------------- |
| **`remove`** | <code>() =&gt; Promise&lt;void&gt;</code> |


### Type Aliases


#### SafeAreaInsetsChangedCallback

<code>(insets: <a href="#safeareainsets">SafeAreaInsets</a>): void</code>

</docgen-api>
npm package: @notiz/formly-tailwindcss
Description: Formly TailwindCSS theme
Author: Marc Stammerjohann
Latest version: 0.12.1

# FormlyTailwindcss

[![npm version](https://badge.fury.io/js/@notiz%2Fformly-tailwindcss.svg)](https://www.npmjs.com/package/@notiz/formly-tailwindcss)
[![Node.js CI](https://github.com/notiz-dev/formly-tailwindcss/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/notiz-dev/formly-tailwindcss/actions/workflows/node.js.yml)

## Installation

Create a new Angular app or use your existing one.

1. Install TailwindCSS and Forms plugin

```bash
# select forms plugin
ng add ngx-tailwind

# alternative install via
npm install -D @tailwindcss/forms
```

2. Install Formly

```bash
ng add @ngx-formly/schematics
```

3. Install Formly TailwindCSS theme

```bash
npm i @notiz/formly-tailwindcss
```

4. Import `FormlyTailwindcssModule`

```ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ReactiveFormsModule } from '@angular/forms';
import { FormlyModule } from '@ngx-formly/core';
import { FormlyTailwindcssModule } from '@notiz/formly-tailwindcss';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    FormlyModule.forRoot({ extras: { lazyRender: true } }),
    FormlyTailwindcssModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

5. Add Tailwind purge path `'./node_modules/@notiz/formly-tailwindcss/esm2020/**/*.js'`

### Tailwind purge

| Usage                               |  Purge Path                                                          |
| ----------------------------------- | -------------------------------------------------------------------- |
| `@notiz/formly-tailwindcss`         | `'./node_modules/@notiz/formly-tailwindcss/esm2020/lib/**/*.js'`     |
| `@notiz/formly-tailwindcss/layouts` | `'./node_modules/@notiz/formly-tailwindcss/esm2020/layouts/**/*.js'` |
| **both**                            | `'./node_modules/@notiz/formly-tailwindcss/esm2020/**/*.js'`         |