nativescript-ngx-partials
by themounthead | v1.2.0
NativeScript + Angular Template Partials Library
npm i --save nativescript-ngx-partials

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