https://github.com/themounthead/nativescript-ngx-tabview

NativeScript Angular TabView UI Control
https://github.com/themounthead/nativescript-ngx-tabview

angular nativescript tabs

Last synced: 20 days ago
JSON representation

NativeScript Angular TabView UI Control

• Host: GitHub
• URL: https://github.com/themounthead/nativescript-ngx-tabview
• Owner: themounthead
• License: mit
• Created: 2021-05-24T10:47:30.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-24T11:25:41.000Z (over 3 years ago)
• Last Synced: 2024-11-08T10:52:29.932Z (2 months ago)
• Topics: angular, nativescript, tabs
• Language: TypeScript
• Homepage:
• Size: 2.39 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nativescript-Ngx-TabView

A Nativescript Angular UI Control for rendering a tabbed view with multiple

configurable options

## Setup

`npm install nativescript-ngx-tabview --save`

Import the module into your _app-module_

```

import { TabViewModule } from 'nativescript-ngx-tabview';

```

## Getting Started

Define the TabView template as shown in the example below

```

  

    

      

    

    

      

    

    

      

    

  

  

    

      

    

    

      

    

    

      

    

  

```

## Configuration

The __TabStrip__ allows for two main configuration settings:

- position [top/left/bottom/right]

- overlay 

The **overlay** setting will overlay the tab strip on the Tab View, by default the Tab Strip and

Tab Content would appear in separate rows.

The __tabChange()__ event will emit the index on Tab Switch

> The TabStrip is a FlexboxLayout so all related styles can be applied

# Examples

Provided in the demo app