# nativescript-ngx-partials

> NativeScript + Angular Template Partials Library

Latest version **1.2.9** (published 2022-01-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install nativescript-ngx-partials
pnpm add nativescript-ngx-partials
yarn add nativescript-ngx-partials
bun add nativescript-ngx-partials
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.9 |
| Published | 2022-01-07 |
| First published | 2021-04-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 302.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | TheMountHead |
| Maintainers | themounthead |

## Links

- npm: https://www.npmjs.com/package/nativescript-ngx-partials
- Repository: https://github.com/themounthead/nativescript-ngx-partials
- Homepage: https://github.com/themounthead/nativescript-ngx-partials#readme
- Issues: https://github.com/themounthead/nativescript-ngx-partials/issues
- npm.io page: https://npm.io/package/nativescript-ngx-partials

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.2.0

## Recent versions

- 1.2.9 (latest) — 2022-01-07
- 1.2.7 — 2022-01-03
- 1.2.6 — 2022-01-03
- 1.2.5 — 2021-11-23
- 1.2.4 — 2021-11-10
- 1.2.3 — 2021-11-10
- 1.2.2 — 2021-10-28
- 1.2.1 — 2021-10-28
- 1.2.0 — 2021-07-19
- 1.1.2 — 2021-06-17
- 1.1.1 — 2021-06-10
- 1.1.0 — 2021-06-09
- 1.0.7 — 2021-06-04
- 1.0.6 — 2021-06-03
- 1.0.5 — 2021-06-03
- … 5 more at https://npm.io/package/nativescript-ngx-partials/versions

## README

# Nativescript-Ngx-Partials

A Nativescript Angular module to quickly create Pages and Layout fragments


## Setup

`npm install nativescript-ngx-partials --save`

Import the module into your _app-module_ 

```
import { PartialsModule } from 'nativescript-ngx-partials';

```

## Getting Started

### Page

The page layout consists of a root tag and nested attribute containers:
- Page (root element)
- page-header
- page-content
- page-footer
- page-toolbar

The _Page_ has the following options:
- header=flow/float/fixed
- footert=flow/float/fixed
- toolbar=top-left/bottom-left (any combination of horizontal and vertical properties)
- debug (highlights the container elements)

### Panel

The Panel is a NativeScript Flex-box layout view that simplifies the process of nested elements by using row and column tags

> You can add the native Flexbox css styles to the Row/Col Panel 

### Row

#### RowPanel

The _RowPanel_ has the following nested containers:
- panel-left
- panel-middle
- panel-right

### Col

#### ColPanel

The _ColPanel_ has the following nested containers:
- panel-top
- panel-middle
- panel-bottom

# Examples

Provided in the demo app

---
_Source: https://npm.io/package/nativescript-ngx-partials · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._